Hurtig Tips Hvordan lage et enkelt hengende tegn i Adobe Illustrator

I de følgende trinnene lærer du å slå enkelt hengende tegnillustrasjon i Adobe Illustrator. Til å begynne med trenger du bare et enkelt rektangel. Med full nytte av Utseendepanelet vil vi legge til farger, høydepunkter og litt enkel skygge for dette rektangel. Når du har hovedstykket, oppretter du resten av figurene ved hjelp av grunnleggende verktøy og effekter sammen med noen enkle vektorformede byggteknikker.



1. Opprett et nytt dokument

Hit kommando + N for å opprette et nytt dokument. Skriv 600 i breddeboksen og høydebokser, klikk deretter på Avansert-knappen. Velg RGB, skjerm (72ppi) og kontroller at boksen "Juster nye objekter til pikselruten" ikke er merket før du klikker OK.

Aktiver gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). For det første trenger du et rutenett hver 5px. Bare gå til Edit> Preferences> Guides> Grid, skriv inn 5 i gridlinjen hver boks og 1 i underdelingsboksen. Du bør også åpne Info-panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.


2. Lag rammen til tegnet

Trinn 1

Ved hjelp av rektangulærverktøyet (M), opprett en form av 400 til 250 px og fyll den med den lineære gradienten som vises nedenfor. Pass på at dette nye rektangelet blir valgt, og åpne Utseendepanelet (Vindu> Utseende). Velg den eksisterende fyllingen fra Utseende-panelet og gå til Effekt> Stylize> Innvendig glød. Skriv inn egenskapene som vises i følgende bilde, og klikk OK. Flytt til lagpanelet, dobbeltklikk på formen som er laget i dette trinnet, og navngi det "main".

Steg 2

Pass på at formmodusen i forrige trinn fortsatt er valgt, fokus på Utseendepanelet og legg til et 3pt slag. Velg den, sett fargen på R = 200, G = 200, B = 200, juster den til innsiden og gå til Effekt> Sti> Offset Path. Skriv inn en -16px Offset, klikk OK og gå til Effect> Stylize> Rounded Corners. Skriv inn en 8px radius, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.


3. Legg til forfining via Utseendepanelet til skjermen

Trinn 1

Sørg for at "hoved" fortsatt er valgt, fokus på Utseendepanelet og legg til en ny fylling ved hjelp av knappen Legg til ny fylling (peket av den blå pilen i det følgende bildet). Velg denne nye fyllingen, dra den øverst i Utseendepanelet, legg til den lineære gradienten som vises nedenfor, og gå til Effekt> Sti> Avvikssti. Skriv inn en -19px Offset, klikk OK og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px og klikk OK.

Steg 2

Kontroller at "hoved" fortsatt er valgt, fokus på Utseendepanelet, velg fyllingen lagt til i forrige trinn, og klikk deretter Legg til ny fyll-knapp. Velg denne nye fyllingen, sett fargen på R = 29, G = 67, B = 122 og gå til Effekt> Sti> Offset Path. Skriv inn en -20px Offset, klikk OK og gå til Effect> Stylize> Rounded Corners. Angi en 5px radius, klikk OK og gå til Effekt> Stylize> Inner Glow. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.

Trinn 3

Sørg for at "hoved" fortsatt er valgt, fokus på Utseendepanelet, velg fyllingen lagt til i forrige trinn og trykk "Duplicate Selected Item" -knappen (peket av den blå pilen i det følgende bildet). Selvfølgelig vil dette legge til en kopi av den valgte fyllingen. Velg den, fjern den eksisterende Inner Glow-effekten, og erstatt den flade fargen med den radiale gradienten som vises nedenfor. Den gule nullen fra gradientbildet står for Opacity-prosentandel.

Trinn 4

Forsikre deg om at "hoved" fortsatt er valgt, fokus på Utseendepanelet, velg fyllen lagt til i forrige trinn og trykk "Duplicate Selected Item" -knappen. Velg denne nyopprettede fyllingen og erstatt radialgradienten med en flat svart. Senk også Opacity til 5%, endre blandemodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.

Trinn 5

Sørg for at "hoved" fortsatt er valgt, fokus på Utseendepanelet og legg til tre nye slag ved hjelp av knappen Legg til ny strekk (påpekt av den blå pilen i det følgende bildet). Dra disse nye strekkene øverst i Utseendepanelet og sett fargen deres på R = 209, G = 211, B = 212. Velg den nederste, senk Opacity til 25%, sett vekten på 5pt og juster den til innsiden. Flytt opp til neste slag, senk Opacity til 25%, sett Stroke Weight på 3pt og juster det til innsiden. Til slutt velger du toppslaget, senker Opacity til 75%, setter slagvekten til 1pt og justerer den til innsiden.

Trinn 6

Velg hovedformen, velg utseendepanelet, kontroller at ingen fylling eller strekk er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 10px radius, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det første vinduet, klikk OK, og legg deretter til de to andre Drop Shadow-effektene som vises i følgende bilde.


4. Opprett kabelen for å henge ditt tegn

Trinn 1

Ved hjelp av rektangulærverktøyet (M) lager du en form av 200 til 90 px og legger den som vist på det første bildet. Sett fyllfarge utenpå, men legg til en 3pt slagvekt og sett fargen på R = 147, G = 149, B = 152. Pass på at dette nye rektangelet blir valgt og gå til Objekt> Sti> Legg til ankerpunkter. Bytt til Slett ankerpunktsverktøyet (-) og klikk bare på de to ankerpunktene som er markert i det andre bildet for å fjerne dem. Til slutt skal formen din se ut i det tredje bildet. Kontroller at den er valgt, og gå til Objekt> Sti> Strektslag. Send den resulterende formen tilbake (SHIFT + CTRL + [).

Steg 2

Velg formen som ble gjort i forrige trinn, fokus på Utseende-panelet og legg til et nytt fyll med knappen Legg til ny fylling. Velg denne nye fyllingen og bruk den lineære gradienten som vises i det første bildet. Husk at den gule nullen fra gradientbildet står for Opacity-prosentandel. Fortsett å fokusere på denne formen, gå tilbake til Utseendepanelet og legg til en tredje fylling ved hjelp av samme Legg til ny fyll-knapp. Velg denne nye fyllingen og bruk den radiale gradienten som vises i det andre bildet.

Trinn 3

Tilbakestill formen redigert i forrige trinn, fokus på Utseendepanelet og legg til en ny fylling. Velg den, sett fargen på hvit, senk Opacity til 25% og gå til Objekt> Sti> Offset Path. Skriv inn en -1px Offset og klikk OK. Gå tilbake til Utseendepanelet, pass på at ingen fylling eller strekk er valgt, og legg deretter til de to Drop Shadow-effektene som vises i følgende bilde.

Trinn 4

For det neste trinnet trenger du et rutenett hver 1px. Så gå til Edit> Preferences> Guides & Grid og skriv inn 1 i gridline hver boks. Bruk rektangulærverktøyet (M) til å lage en form av 4 x 10 px, fyll den med den lineære gradienten som vises nedenfor og legg den som vist i det følgende bildet.

Trinn 5

Pass på at formen som ble gjort i forrige trinn, forblir valgt og fokusere på Utseendepanelet. Først legger du til to slag ved hjelp av knappen Legg til ny strekk. Velg den nederste, sett fargen på hvit, gjør den 0,5 t bred og juster den til innsiden. Flytt til neste slag, sett fargen på R = 167, G = 169, B = 172, gjør den 0,25pt bred og juster den til innsiden. Hold fokus på Utseendepanelet, pass på at ingen fylling eller strekk er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 2px, klikk OK og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet, klikk OK og gå igjen til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det høyre vinduet, og klikk OK.

Trinn 6

Bruk Ellipseverktøyet (L) til å lage en 2px sirkel og plasser den som vist i det første bildet. Fyll den med den lineære gradienten som vises nedenfor, og senk Opacity til 75%. Fortsett med Ellipse Tool (L), lag en 6px sirkel, sett den som vist i det andre bildet og sett fyllfargen på R = 130, G = 130, B = 130. Send denne nye formen tilbake (SHIFT + CTRL + [) og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 5px og klikk OK.


5. Legg til meldingen din

Ved hjelp av Type Tool (T) legger du til hvite tekststykker. Bruk tekstegenskapene som vises i følgende bilde, og sett deretter Blending Mode på Soft Light. Her er "PwMarker" skrift og her er "Marker SD Italic" skrift.


6. Lag en enkel, strukturert bakgrunn

Trinn 1

Til slutt, la oss legge til en enkel bakgrunn. Bruk regnearkverktøyet (M) til å lage en form på størrelsen på Artboard, Send den til Tilbake (SHIFT + CTRL + [) og sett fargen på R = 239, G = 245, B = 249. Legg til en ny fylling for dette nye rektangelet, velg det og bruk den radiale gradienten som vises i følgende bilde.

Steg 2

Tilbakestill formen som ble gjort i forrige trinn, fokus på Utseendepanelet og legg til en tredje fylling. Gjør den sort, senk Opacity til 15%, endre blandemodus til Multiply og gå til Effect> Sketch> Note Paper. Skriv inn dataene som er vist nedenfor, og klikk OK. Fortsett å fokusere på Utseende-panelet og legg til en fjerde fylling for denne formen. Du trenger et innbygget mønster for denne nye fyllingen. Flytt til fargepanelet, åpne menyen for utflukt og gå til Åpne fargebibliotek> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster. Dette bør åpne et nytt vindu med et enkelt sett med innebygd mønster. Du trenger bare "Diamond" -mønsteret. Pass på at ditt bakgrunnsrektangel fortsatt er valgt og gå tilbake til Utseendepanelet. Velg den fjerde fyllingen, legg til "Diamond" -mønsteret, senk Opacity til 10%, endre blandemodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.


Konklusjon

Nå er arbeidet ditt gjort. Slik ser det ut. Du er velkommen til å bruke et annet sett med farger for de blå fyllene som utgjør "hoved" -formen. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.