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.
Inden for lærredet i Adobe Illustrator CC er tegnebrætter diskrete mellemrum i størrelse, der gør det nemt at eksportere, dele eller udskrive dele af lærredet. Den lærred er det område af Illustrator arbejdsområde, hvor du opretter grafik. Lærredet er stort set alt, hvad du ser på skærmen undtagen grænsefladen (såsom menuen, kontrolpanelet og andre paneler).
Tegnebrætter er både sammenhængende og diskrete. For filosofisk? Okay, her er pointen: Tegnebrætter arver og deler mange egenskaber ved det dokument, de ligger i, såsom farvetilstand eller rastereffektopløsning. Og det er rart, fordi det betyder, at du kan arbejde på forskellig grafik, inklusive grafik af forskellig størrelse, med delte egenskaber.
For eksempel kan du have et projekt, hvor du designer en plakat, palmekort og plastikbanner til en begivenhed. Selvom disse vil være forskellige i størrelse, vil de sandsynligvis bruge det samme sæt farver og måske andre funktioner såsom symboler.
Eller du kan bruge flere tegnebrætter af samme størrelse til at forberede en prototype af en mobilapp, der viser forskellige tilstande af brugerinteraktion. Her kan snesevis af tegnebrætter være nyttige. Igen har dette projekt fælles dokumentegenskaber, der gælder for alle tegnebrætter, såsom RGB-farve og pixels som måleenhed.
For at hjælpe dig med at få dine penge ud af tegnebrætter, gennemgår jeg først nogle grundlæggende regler for at skabe og bruge dem. Derefter leder jeg dig gennem de to scenarier, jeg lige har identificeret – printprojekt og appprototype – for at hjælpe dig med at forstå effektiviteten af tegnebrætter og for at udsætte dig for nøgleteknikker til implementering af tegnebrætter.
Du kan have 1 til 1000 tegnebrætter pr. dokument. Jeg har aldrig brugt 1.000 tegnebrætter i et projekt, men det er rart at vide, at de er der, hvis jeg har brug for dem. Som jeg forklarer i begyndelsen af dette kapitel, kan du indstille antallet af tegnebrætter for et dokument, når du opretter det første gang, men du kan også tilføje og fjerne tegnebrætter, efter du har startet arbejdet med et dokument.
Artboard-værktøjet er en del af Basic-værktøjssættet. Du opretter tegnebrætter i et dokument ved at vælge tegnebrætværktøjet og tegne interaktivt på lærredet, som vist.
Tegning af et tegnebræt.
Eller du kan generere et tegnebræt ved at klikke på ikonet Nyt tegnebræt i tegnebrætsruden eller kontrolpanelet (eller egenskaber). Dialogboksen Indstillinger for tegnebræt, der vises her, åbnes.
Generering af et tegnebræt med dialogboksen Indstillinger for tegnebræt.
Generering af et tegnebræt giver dig mulighed for at navngive tegnebrættet, mens du opretter det, sammen med at definere dimensioner og placering digitalt.
Du kan administrere tegnebrætter på mange måder. Det følgende viser dig, hvordan du definerer og drager fordel af de tegnebrætsmuligheder, som jeg tror, du vil finde nyttige i at organisere og dele projekter.
Følg disse trin for at ændre tegnebrætstørrelser i Illustrator eller flytte et tegnebræt interaktivt:
1. Med tegnebrætværktøjet skal du klikke én gang inde i tegnebrættet.
2. Træk for at flytte tegnebrættet, som vist.
Flytning af et tegnebræt.
3. Klik og træk i en side- eller hjørne (firkantet) afgrænsningsramme for at ændre størrelsen på tegnebrættet, som vist.
Ændre størrelsen på et tegnebræt.
Du kan ændre enhver tegnebrætegenskab ved at bruge kontrol- eller egenskabspanelet:
Et par andre vigtige tips til tegnebrættet:
Lad mig illustrere en grundlæggende, men typisk arbejdsgang med flere tegnebrætter: en, hvor du opretter forskellige versioner af den samme grafik, men med forskellige dimensioner. Ved at gøre det deler jeg nogle teknikker og tilgange, du kan anvende til dine egne særlige behov.
Antag, at du har til opgave at designe en annonce, der skal køre på forskellige sociale medieplatforme og i forskellige retninger: firkantet, vandret (liggende) og stående (lodret). Annoncen skal have det samme grundlæggende indhold, men passe til følgende størrelsesspecifikationer:
Følgende trin er en effektiv måde at konfigurere tegnebrætterne til dette projekt på:
1. Opret et nyt dokument med et 1080 px kvadratisk tegnebræt, som vist .
en. Vælg Filer → Ny, og omgå dialogboksen Nyt dokument ved at klikke på Flere indstillinger. Dialogboksen Flere indstillinger vises.
b. Navngiv projektet Annoncer.
c. Vælg Web i rullemenuen Profil.
d. Indtast 3 i feltet Antal tegnebrætter.
e. Indstil tegnebrætarrangementet til Arranger efter række (det tredje ikon).
f. Indtast 1080 i felterne Højde og Bredde. Indstillingen Enheder vil som standard være Pixels, og Farvetilstanden til RGB. Disse og andre standardindstillinger er fine.
g. Klik på Opret nyt dokument.
Definition af et dokument med tre tegnebrætter.
2. Navngiv de tre tegnebrætter Firkantet, Lodret og Vandret:
en. Hvis panelet Tegnebrætter ikke vises, skal du vælge Vindue→ Tegnebrætter.
b. Dobbeltklik på navnet på tegnebræt 1, og skriv Square . På samme måde skal du omdøbe det andet tegnebræt Lodret og det tredje tegnebræt Vandret .
c. Vælg Vis → Tilpas alle i vinduet for at se alle tre tegnebrætter, som vist.
Navngivning af tegnebrætter.
3. Tilpas størrelsen på de lodrette og vandrette tegnebrætter:
en. Dobbeltklik på ikonet til højre for tegnebrættet med navnet Lodret i tegnebrættet. I kontrolpanelet, der vises, skal du ændre højden til 1350 px og klikke på OK.
b. På lignende måde skal du ændre dimensionerne på det vandrette tegnebræt til 1200 pixels bred og 628 pixels høj.
4. Arranger tegnebrætterne for at skabe en mere sammenhængende visning:
en. Klik på Omarranger alle tegnebrætter i kontrolpanelet. Dialogboksen Omarranger alle tegnebrætter åbnes.
b. Behold layoutet Arranger efter række og venstre mod højre layoutrækkefølge, du definerede, da du oprettede dokumentet. Lad afstanden være indstillet til 20 pixels, og lad Flyt illustrationer med tegnebrætter være valgt, som vist, og klik derefter på OK.
Dette trin holder den grundlæggende layoutstruktur på plads, men nulstiller afstanden mellem de ændrede tegnebrætter, så de ikke overlapper hinanden.
Arrangering af tegnebrætter.
5. Design din annonce på en af tegnebrætterne.
Design af et enkelt tegnebræt.
6. Kopiér det første annonceindhold til de andre tegnebrætter:
en. Brug værktøjet Markering eller Direkte markering til at vælge alt indholdet på det første tegnebræt, det med indholdet.
b. Vælg Rediger → Klip.
c. Vælg Rediger → Indsæt på alle tegnebrætter.
Teknikken Paste on All Artboards betaler sig selv, når du arbejder med snesevis eller endda hundredvis af tegnebrætter! Selvfølgelig passer det indsatte kunstværk ikke ordentligt ind i tegnebrætter af forskellig størrelse. At rette det er det sidste trin.
7. Rediger designet af de vandrette og lodrette tegnebrætter for at få det firkantede indhold til at passe, som vist.
Tilpasning af designs til forskellige tegnebrætter.
Hvad gør du med et sæt tegnebrætter? De gemmes automatisk som en del af dit Illustrator-dokument. Derefter kan du eksportere en, nogle eller alle af dem til skærm- eller printoutput.
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 […]