Drop Shadow: Den dybdegående Illustrator-guide

Vores Adobe Illustrator-serie er designet til at hjælpe dig med at lære at skabe forskellige effekter i vektordesignsoftware. Vi er her for at forenkle designprocessen for alle, fra nybegyndere til veteraner! I dag fokuserer vi på, hvordan man skaber drop shadows.

Det er ingen hemmelighed, at det tager tid at mestre Adobe Illustrator. Det er et designprogram med mange funktioner, som kan være udfordrende og noget komplekst. Adobe Support Community gør et godt stykke arbejde med at tilbyde vejledning og support til Adobe-brugere derude, og det kan være et nyttigt sted at finde fejl og lære noget.

Vi kan godt lide at holde os engageret i vores eget designfællesskab ved at tilbyde tips og vejledninger, så vi tænkte, at det kunne være nyttigt at give dig en trin-for-trin gennemgang af, hvordan du opretter en drop shadow i Illustrator.

I denne artikel vil vi gå i detaljer med, hvordan du opretter en vektor drop shadow i Illustrator, og vi vil også lære dig, hvordan du anvender denne effekt i Vectornator, hvis du skulle have brug for et alternativ.

Mange designere har kritiseret drop shadow-effekten, da den kan ødelægge et design, når den er overdrevet. Men hvis den bruges med måde, f.eks. i et smukt vektorlogodesign, kan drop shadows forbedre designet og give det definition.

Hvis du stadig er ved at lære at bruge dine designværktøjer og eksperimentere med effekter, kan du bogmærke dette indlæg, så du kan vende tilbage til det når som helst, når du har brug for det.

Hvad er en dropskygge?

I grafisk design er en drop shadow en effekt, der giver et objekt et udseende af at have en skygge. Drop shadows fremhæver et billede og giver det en vis dimension og dybde.

Drop Shadow vs. Cast Shadow

I Illustrator kan du oprette både drop shadows og kasteskygger, så hvad er forskellen?

Dråber skygger er typisk dekorative og tjener til at forbedre billedernes udseende, mens kasteskygger virkelig tilføjer dybde og et realistisk udseende, fordi de ser ud, som en skygge ville falde (eller blive "kastet") i virkeligheden.

Billedkilde: Pixabay

Kastede skygger bruges derimod til objekter, der står - tænk på, hvordan en skygge kastes, når en person står på jorden.

Billedkilde: Pixabay

Hvornår skal du bruge en dropskygge?

Som vi sagde, giver drop shadows illusionen af et svævende objekt og er bedst egnet til knapper og tekst. Hvis dit aktiv er parallelt med baggrunden, skal du bruge en drop shadow. Dette skaber illusionen af, at aktivet svæver foran baggrunden.

Drop shadows er fremragende til at adskille tekst eller et aktiv fra en baggrund. Det får aktivet til at skille sig ud fra baggrunden. Du kan også bruge en drop shadow til at give et objekt en glødende effekt. Hvis du vælger en lysere farve i stedet for en mørkere farvepalet, vil det give effekten af en glød i stedet for en skygge.

Sådan tilføjer du en dropskygge i Illustrator

For at begynde skal du have dit Illustrator-dokument åbent og et aktiv, som du ønsker at tilføje en dråbeskygge til, klar. Dette aktiv kan være et billede, tekst eller hvad som helst. Du kan inkludere flere aktiver og tilføje dråbeskygger til alle disse på én gang.

Du kan have et aktiv, der består af flere objekter. Du kan vælge alle objekterne sammen og anvende dropskyggeeffekten på alle objekter på én gang, hvis du vil.

Når du har valgt dine aktiver, skal du navigere til menuen "effekter" og foretage følgende valg: Effekt -> Stylize -> Dråbeskygge.

Voila! Dialogboksen med din dropskygge vises nu på skærmen sammen med en skygge, der er blevet tilføjet til dit aktiv. Denne boks indeholder følgende justerbare funktioner, som vi forklarer hver for sig om lidt:

• Tilstand
• Opacitet
• X forskydning
• Y-offset
• Slør
• Farve
• Mørke

Den dropskygge, du ser på nu, vil først blive anvendt, når du trykker på "ok." i boksen. Hvis du klikker på "annullér", forsvinder den. Hvis du er tilfreds med, hvordan skyggen ser ud, kan du klikke på "ok." Ellers kan du justere den yderligere til din tilfredshed ved hjælp af de egenskaber, der er beskrevet nedenfor.

Justering af en dropskygge i Illustrator

Du kan redigere hvor den falder, hvor mørk eller lys den er, hvor mørk eller lys den er, farven og sløret for at få mest muligt ud af dit billede og opnå præcis det look, du ønsker.

Det er her, at du kan skabe eller ødelægge dit design med en drop shadow. Ved at justere indstillingen kan du opnå lige præcis den rette mængde til at definere et aktiv, eller hvis du ikke er forsigtig, kan du overdrive det og skabe rod. Få indstillingerne til at fungere for dig. Hver af overskrifterne nedenfor henviser til en anden forudindstilling i dialogboksen til drop shadow.

Tilstand

Med denne forudindstilling kan du justere blandingstilstanden for en dråbeskygge.

- Adobe Support

Standard blandingstilstanden er normalt indstillet til "multiplicere". Du vil bemærke, at der er en drop-down menu i dette afsnit, som giver dig alle mulighederne for blandingstilstand, når du klikker på den. Disse omfatter:

• Normal
• Mørkfarvning
• Multiplicere
• Farvebrænding
• Lighten
• Skærm
• Farve Dodge
• Overlay
• Blødt lys
• Hårdt lys
• Forskel
• Udelukkelse
• Hue
• Mætning
• Farve
• Luminosity

Du kan finde detaljerede beskrivelser af hver af disse blandingstilstande og deres funktion her.

Opacitet

Dette bestemmer, hvor skyggen ligger i forhold til objektet. Ved at justere forskydningen kan du ændre, hvor tæt skyggen ligger på objektet. Mindre værdier vil gøre skyggen tættere på objektet, og større værdier vil gøre den længere væk, hvilket får skyggen til at se større ud.

Store forskydningsværdier kan få skyggen til at se uoverskuelig ud, efterhånden som den bliver større. Mindre forskydningsværdier fungerer godt for at give objektet definition og dimension.

Du har to muligheder for at justere forskydningen: X-akse og Y-akse.

X-akseforskydningen forskyder pilen fra venstre til højre. Y-forskydningen forskyder den opad eller nedad. Du kan lege med værdierne, indtil du finder den rigtige position og størrelse for din skygge.

Slør

Med denne indstilling justeres størrelsen og definitionen af dropskyggen.

Hvis du øger sløret, bliver din dråbeskygge større, og hvis du mindsker sløret, bliver dråbeskyggen mindre, men mere defineret.

Farve

Som du måske kan antage, giver farveindstillingen dig mulighed for at ændre farven på dropskyggen. Hvis du vælger dette, åbnes en farvevælger. Der er også en knap til "farveprøver", så du kan vælge en gemt farveprøve, hvis du vil.

Standardværdien er indstillet til at skabe en sort skygge, hvilket er det mest almindeligt anvendte. Hvis du vælger en anden farve, skal du sikre dig, at den passer til baggrundsfarven.

Hvis du vælger en meget lysere farve, f.eks. hvid, til din skygge på en mørk baggrund, kan du skabe en glødende effekt.

Mørke

Med denne indstilling kan du justere skyggen af skyggen baseret på den farve, du har valgt. Du kan tilføje mere eller mindre af en procentdel sort til skyggen med denne indstilling.

Yderligere redigering

Du kan redigere din skygge igen efter den første redigeringsrunde. Hvis den oprindelige dialogboks er forsvundet, efter at du har anvendt effekten, skal du blot navigere til: Vindue -> Udseende.

Menuen "udseende" eller panelet "udseende" vises nu, og her finder du "drop shadow"-effekten: Udseende -> Drop Shadow .

Ved at vælge effekten i menuen "udseende" vises dialogboksen med drop shadow igen.

Slet

Hvis du ønsker at slette skyggen, kan du vælge objektet og igen navigere til: Vindue -> Udseende .

Vælg det lag, der indeholder dropskyggen, og tryk derefter på ikonet med papirkurven for at slette det.

Prøv et Illustrator-alternativ

Måske leder du efter et alternativ til Adobe. I så fald kan du prøve Vectornator. Brugerfladen er enkel og meget brugervenlig, så du vil være i stand til at designe som en professionel på ingen tid.

Sådan oprettes en Drop Shadow i Vectornator

Start med at vælge dit aktiv. Ligesom i Illustrator kan du vælge flere objekter på én gang, hvis du vil.

Når du har valgt det aktiv, du vil tilføje en skygge til, skal du åbne din Style Inspector. Du kan gøre dette enten ved at bruge genvej ⌥⌘2 på Mac eller, hvis du er på en iPad, ved at navigere til inspektørbjælken og vælge fanen "Style", som vist ved penselikonet.

Nederst i stilinspektøren finder du effekten "Shadow". Ved siden af ordet er der en tænd- og sluk-knap, som er slået fra som standard. Tryk på knappen for at slå skyggeeffekten til.

Farve og opacitet

Du vil bemærke farvevælgeren øverst i skyggemenuen. Det er her, du kan justere skyggens farve og opacitet. I farvevælgerdialogboksen finder du to skydeplader.

Den første bjælke (A) er en farveskifter, og den anden bjælke (B) lige nedenunder justerer opaciteten.

Hvis du trækker i skifteknappen rundt om farveskifteren, kan du nemt navigere til den ønskede farve.

Hvis du trækker i skyderen til venstre på opacitetsskifteren, bliver skyggen mere gennemsigtig, og hvis du trækker den til højre, bliver den mindre gennemsigtig.

Slør

Tilbage i din Mac Style Inspector finder du en skiftebar for sløring. Ligesom i Illustrator vil en større sløring gøre din skygge større, mens en mindre sløring vil gøre den mindre. Du kan trække i skiftebaren for at justere skyggen, som du vil, eller du kan indtaste tal i højre side for at justere den.

Offset

Under sløret er der en anden skyder for forskydning. Hvis du skubber den til højre, går forskydningen til højre; hvis du skubber den til venstre, flyttes skyggen til venstre side af aktivet.

Slet

Hvis du ønsker at slette skyggen, skal du blot vælge aktivet igen og slå "skygge" fra.

Eksempler

Vi har samlet et par eksempler nedenfor, så du forhåbentlig kan lære og blive inspireret ved at sammenligne drop shadows for at få en idé om, hvordan du kan bruge denne effekt.

Fjeret skygge

Du kan skabe dette fjerformede skyggeudtryk i Illustrator ved at tilføje en fjerformet effekt til dropskyggen, når den er oprettet. Eksemplet nedenfor er en kasteskygge. Du kan anvende fjerformet effekt til enten dropskygge eller kasteskygge for at blødgøre kanterne.

Billedkilde: Wikimedia

Den lange skygge

Du kan skabe dette forførende lange skygge-look med drop shadow-funktionen i både Adobe eller Vectornator ved at duplikere skyggen igen og igen i flere lag, indtil du har bygget den op til en længde, du er tilfreds med. Se hvordan du gør det i detaljer her.

Defineret tekst

Drop shadows anvendes oftest til at give tekst mere definition, som du kan se i eksemplet nedenfor.

Inspireret?

Føler du dig inspireret til at få gang i dit drop shadow-spil? Forhåbentlig har denne artikel hjulpet dig med at lære at skabe en drop shadow og måske finde på nogle fede idéer til designs.

Hvis du leger med drop shadows i Vectornator, skal du huske at dele dit arbejde med os, hvis du gerne vil have det vist på vores sociale medier eller blog. At dele arbejde og opbygge et fællesskab er en vigtig del af udviklingen i designbranchen, og vi elsker at engagere os med vores brugere på denne måde!

Hvis du gerne vil lære mere om, hvordan du skaber med grafisk design-software, kan du tjekke vores Learning Hub og stille dine spørgsmål om Adobe Illustrator til vores DM - vi er altid klar til at hjælpe!

Download Vectornator for at komme i gang

Løft dine designs til det næste niveau.