Quick Tips: Hvordan lage en enkel Hanging Sign i Adobe Illustrator
I de følgende trinnene vil du lære hvordan du slår enkel hengende tegn illustrasjon i Adobe Illustrator. For det første vil du bare trenger en enkel rektangel. Tar full nytte av Utseende panelet vil vi legge til farger, høydepunkter og noen enkle skyggelegging for dette rektangelet. Når du har din viktigste brikke vil vi lage resten av figurer ved hjelp av grunnleggende verktøy og effekter sammen med noen enkle vektor form byggeteknikk.
1. Opprett et nytt dokument
Hit Command + N for å opprette et nytt dokument. Skriv inn 600 i boksen Bredde og høyde boksene klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at " Juster nye objekter til Pixel Grid " boksen ikke er krysset før din klikker OK.
Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). For det første trenger du et rutenett hver 5px. Bare gå til Rediger > Preferanser > Guides > Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du bør også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Unit > General. Alle disse alternativene vil øke arbeidshastigheten.
2. Lag rammen til Sign
Trinn 1
Bruk rektangel Tool (M), lage en 400 ved 250px form og fylle den med lineær gradient vist nedenfor. Sørg for at denne nye rektangelet forblir valgt og åpne Utseende panelet (Vindu > Utseende). Velg den eksisterende fylling fra Utseende panel og gå til Effect > Stilisere > Indre glød. Tast egenskapene som vises i følgende bilde og klikk på OK. Flytt til Lag-panelet, dobbeltklikk på formen gjort i dette trinnet og gi den navnet " main ".
Trinn 2
Pass på at formen modus i forrige trinn er fortsatt valgt fokuserer på utseendet panel og legge aa 3pt hjerneslag. Velg det, sette farge på R = 200, G = 200, B = 200, justere den til inne og gå til Effect > Sti > Offset Path. Skriv inn et -16px Offset, klikk på OK og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 8px radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK.
3. Legg Refinement via Utseende Panel til Screen
Trinn 1
Pass på at " main " er valgt, fokuserer på utseendet panel og legge til en annen fylling ved hjelp av Legg til ny Fill-knappen (påpekt av den blå pilen i følgende bilde). Velg denne nye fyll, dra den i toppen av Utseende panel, legge den lineære gradient vist nedenfor, og gå til Effect > Sti > Offset Path. Skriv inn et -19px Offset, klikk på OK og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius og klikk på OK.
Trinn 2
Pass på at " main " er valgt, fokus på utseendet panelet velger fyllet legges i forrige trinn deretter traff Legg til ny Fyll knappen. Velg denne nye fyll, satt sin farge på R = 29, G = 67, B = 122 og gå til Effect > Sti > Offset Path. Skriv inn et -20px Offset, klikk på OK og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk på OK og gå til Effect > Stilisere > Indre glød. Tast egenskapene som vises i følgende bilde og klikk på OK.
Trinn 3
Pass på at " main " er valgt, fokuserer på utseendet panelet velger fyllet legges i forrige trinn og trykke " Duplicate Selected Element " knappen (påpekt av den blå pilen i følgende bilde). Selvsagt vil dette legge en kopi av det valgte fyllet. Velg den, fjerne den eksisterende indre glød effekt da erstatte flat farge med radial gradient vist nedenfor. Den gule null fra gradient bildet står for Opacity prosentandel.
Trinn 4
Pass på at " main " er valgt, fokuserer på utseendet panelet velger fyllet legges i forrige trinn og trykke " Duplicate Selected Element " knapp. Velg denne nyopprettede fyll og erstatte radial gradient med en flat svart. Også senke Opacity til 5%, endre Blending Mode til Multipliser og gå til Effect > Artistic > Film Grain. Tast egenskapene som vises i følgende bilde og klikk på OK
Trinn 5
Pass på at ". Main " er valgt, fokuserer på utseendet panel og legge til tre nye slag ved hjelp av Legg til ny Stroke knappen (påpekt av den blå pilen i følgende bilde). Dra disse nye slag i toppen av Utseende panel og satt sin farge på R = 209, G = 211, B = 212. Velg den nederste, senke Opacity til 25%, settes vekten på 5PT og justere den til innsiden. Flytte opp til neste slag, senke Opacity til 25%, sett Stroke Vekt på 3pt og justere den til innsiden. Til slutt velger du den øverste hjerneslag, senke Opacity til 75%, sett Stroke Vekt på 1pt og justere den til innsiden
Trinn 6
Marker på nytt din ". Main " form, fokus på utseendet panel, sørg for at det ikke fyll eller hjerneslag er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 10px radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i det første vinduet, klikk på OK og deretter legge til de andre to Drop Shadow effekt vist i følgende bilde.
4. Lag Wire å henge Sign
Trinn 1
Bruk rektangel Tool (M), opprette en 200 ved 90px form og legg den som vist i det første bildet. Sett fyllfarge på ingen, men legger til en 3pt Stroke Vekt og sette farge på R = 147, G = 149, B = 152. Sørg for at denne nye rektangelet forblir valgt og gå til Objekt > Sti > Legg ankerpunkt. Bytt til Delete Anchor Point Tool (-) og klikker på de to ankerpunkter fremhevet i det andre bildet for å fjerne dem. Til slutt formen din skal se ut i det tredje bildet. Kontroller at det er valgt og gå til Objekt > Sti > Outline Stroke. Send formen fører til tilbake (SHIFT + CTRL + [).
Trinn 2
Velg den formen laget i forrige trinn, fokus på Utseende panel og legge til en annen fylling bruke Legg til New Fill-knappen. Velg denne nye fyll og bruke lineær gradient vist i det første bildet. Husk at den gule null fra gradient bildet står for Opacity prosentandel. Hold fokus på denne formen, gå tilbake til Utseende panel og legge til en tredje fill bruker det samme Legg New Fill-knappen. Velg denne nye fyll og bruke radial gradient vist i det andre bildet.
Trinn 3
Velg det formen redigeres i forrige trinn, fokus på Utseende panel og legge til en ny fyll. Velg det, sette farge på hvit, senke Opacity til 25% og gå til Objekt > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Gå tilbake til Utseende panel, sørg for at det ikke fyll eller hjerneslag er valgt deretter legge de to Drop Shadow effekt vist i følgende bilde.
Trinn 4
For neste trinn må du et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Bruke rektangel Tool (M), lage et 4 av 10px form, fyll den med lineær gradient vist nedenfor, og legg den som vist i følgende bilde.
Trinn 5
Pass på at formen gjorde i forrige trinn forblir valgt og fokusere på utseendet panel. Først legger to slag som bruker dette Legg til ny Stroke knappen. Velg den nederste, sette farge på hvitt, gjør det 0.5pt bred og justere den til innsiden. Flytt til neste slag, sette farge på R = 167, G = 169, B = 172, gjør det 0.25pt bred og justere den til innsiden. Hold fokus på Utseende panel, sørg for at det ikke fyll eller hjerneslag er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i det venstre vinduet, klikk på OK og gå igjen til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i vinduet til høyre og klikk på OK.
Trinn 6
Bruke Ellipse Tool (L), opprette en 2px sirkel og plassere den som vist i det første bildet. Fyll den med lineær gradient vist nedenfor, og senke Opacity til 75%. Fortsett med Ellipse Tool (L), opprette en 6PX sirkel, plasser den som vist i det andre bildet og sette fyllfargen på R = 130, G = 130, B = 130. Send denne nye formen for å sikkerhets (SHIFT + CTRL + [) og gå til Effect > Blur > Gaussian Blur. Skriv inn et 5px radius og klikk på OK.
5. Legg til meldingen
Bruke Type Tool (T), legger du hvite biter av tekst. Bruk tekst egenskaper vist i følgende bilde deretter sette Blending Mode til Soft Light. Her er " PwMarker " font og her er " Marker SD Kursiv " font.
6. Lag en enkel teksturert bakgrunn
Trinn 1
Til slutt, la oss legge en enkel bakgrunn. Bruke rektangel Tool (M), lage en form av størrelsen på Artboard, Send det til Back (SHIFT + CTRL + [) og sette farge på R = 239, G = 245, B = 249. Legg en annen fylling for denne nye rektangel, velger du den og bruke radial gradient vist i følgende bilde.
Trinn 2
Velg det formen gjorde i forrige trinn, fokus på Utseende panel og legge til en tredje fyll. Gjør det svart, senke Opacity til 15%, endre Blending Mode til Multipliser og gå til Effect > Sketch > Oppmerksom på papir. Skriv inn dataene nedenfor og klikk på OK. Hold fokus på Utseende panel og legge en fjerde fyll for denne formen. Du vil trenge en innebygd mønster for denne nye fyll. Flytt til Fargeprøver-panelet, åpner fly-out menyen og gå til Open Swatch Library > Patterns > Basic Graphics > Grunn Graphics_Textures. Dette bør åpne et nytt vindu med et enkelt sett med innebygd mønster. Du trenger bare " Diamond " mønster. Sørg for at din bakgrunn rektangelet er fortsatt valgt og gå tilbake til Utseende panel. Velg det fjerde fyll, legger " Diamond " mønster, senke Opacity til 10%, endre Blending Mode til Multipliser og gå til Effect > Artistic > Film Grain. Tast egenskapene som vises i følgende bilde og klikk på OK.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut. Føl deg fri til å bruke et annet sett med farger for de blå fyllinger som utgjør " main " form. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter.