Slik oppretter du et kampanjepiktogram i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du oppretter et kampanjeprofil i Adobe Illustrator. 

Til å begynne med lærer du hvordan du setter opp et enkelt nett. Deretter vil du lære å lage et sett med konsentriske sirkler ved hjelp av grunnleggende verktøy og noen justeringsteknikker. Fortsett, du lærer å lage et stilisert bånd og hvordan du enkelt kan bøye det med noen Warp-effekter. Til slutt lærer du hvordan du legger til tekst på en sti og en subtil tekstur for hele designen.

For mer inspirasjon om hvordan du justerer eller forbedrer ditt endelige badge, kan du finne mange ressurser på GraphicRiver.

1. Hvordan lage et nytt dokument og sette opp grid

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i boksene bredde og høyde, og klikk deretter på det Flere innstillinger knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter Opprett dokument.

Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 5 px, så bare gå til Rediger> Innstillinger> Guider og rutenett, og skriv inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet - det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du kan lære mer om Illustrators gridsystem i denne korte opplæringen fra Andrei Stefan: Forstå Adobe Illustrators grid system.

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> Enheter. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Hvordan lage et sett med konsentriske sirkler

Trinn 1

Velg Ellipseverktøyet (L) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 73 G = 35 B = 84. Flytt til tavla og opprett en 300 px rutenettet - rutenett og rutenettet Snap to Grid bør gjøre det enklere.

Pass på at formen din forblir valgt og åpne Rette inn panelet (Vindu> Juster). Bare klikk på Horisontal justeringssenter og Vertikal Justeringssenter knapper for å bringe ditt valg til midten av tavlen.

Steg 2

Pass på at formen din fortsatt er valgt og gå til Effekt> Forvreng og transformer> Zig Zag. Skriv inn attributter som er vist under og klikk OK.

Trinn 3

Bruker Ellipseverktøyet (L), lage en 260 px sirkel. Fyll denne nye formen med R = 228 G = 242 B = 255 og senter den.

Trinn 4

Bruker Ellipseverktøyet (L), lage en 240 px sirkel. Fyll denne nye formen med R = 73 G = 35 B = 84 og senter den.

Trinn 5

Bruker Ellipseverktøyet (L), lage en 220 px sirkel. Fyll denne nye formen med R = 228 G = 242 B = 255 og senter den.

Trinn 6

Bruker Ellipseverktøyet (L), lage en 150 px sirkel. Fyll denne nye formen med R = 73 G = 35 B = 84 og senter den.

Trinn 7

Bruker Ellipseverktøyet (L), lage en 130 px sirkel. Fyll denne nye formen med R = 228 G = 242 B = 255 og senter den.

Trinn 8

Bruker Ellipseverktøyet (L), lage en 110 px sirkel. Fyll denne nye formen med R = 73 G = 35 B = 84 og senter den.

3. Hvordan lage båndet

Trinn 1

Bruker Rektangelverktøy (M), lage en 310 x 70 px form og fyll det med R = 228 G = 242 B = 255. Senter denne nye formen, sørg for at den forblir valgt, og fokus på Utseende panelet (Vindu> Utseende).

Velg slag og sett fargen til R = 73 G = 35 B = 84, og så åpne det Stroke fly-out panel. Sett Vekt til 10 px og ikke glem å sjekke det Round Join knapp.

Steg 2

Bruker Rektangelverktøy (M), opprett en 80 x 70 px form og fyll det med R = 198 G = 212 B = 255. Plasser denne nye formen som vist på det første bildet, sørg for at den forblir valgt og fokus på Utseende panel. Velg slag og sett fargen til R = 73 G = 35 B = 84, og så åpne det Stroke fly-out panel. Sett Vekt til 10 px og ikke glem å sjekke det Round Join knapp.

Kontroller at dette rektangelet forblir valgt og velg Legg til ankerpunktsverktøy (+). Bruk et enkelt klikk for å legge til et nytt ankerpunkt som vist i det andre bildet.

Trinn 3

Kontroller at rektangelet i det forrige trinnet fortsatt er valgt og velg Direkte utvalgsverktøy (A). Velg først det øverste høyre ankerpunktet og dra det 30 px til venstre, og velg deretter midt-venstre ankerpunkt og dra det 30 px til høyre. Til slutt skal formen din se ut i det andre bildet.

Trinn 4

Velg Pennverktøyet (P) og lag en enkel form som vist på bildet nedenfor. Fyll det med R = 73 G = 35 B = 84 og legg til en 10 px slag av en lignende farge. Ikke glem å sjekke Round Join knappen for streken, og senk deretter opacity av hele ditt utvalg til 30%.

Trinn 5

Bruker Pennverktøyet (P), opprett en enkel trekant som vist i bildet nedenfor. Fyll det med R = 73 G = 35 B = 84 og legg til en 10 px slag av en lignende farge. Ikke glem å sjekke Round Join knappen for denne streken.

Trinn 6

Velg de tre fasene som er markert i det første bildet og Gruppe dem (Kontroll-G). Kontroller at gruppen din er valgt og gå til Effekt> Distort & Transform> Transform. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter OK.

Trinn 7

Bruker Pennverktøyet (P), lag de to trekantformene som vises i de følgende bildene. Fyll begge formene med en tilfeldig gul, for nå.

Trinn 8

Velg den nederste gule formen og fokus på Utseende panel. Erstatt fyllfarge med R = 73 G = 35 B = 84 og legg til en 10 px slag med en lignende farge. Husk å sjekke Round Join knappen for denne streken og velg deretter hele banen (bare klikk på "Sti"tekststykke fra Utseende panel). Først senker du opacity til 30% og deretter gå til Effekt> Warp> Arc Lower. Skriv inn attributter som er vist under og klikk OK.

Flytt til den øverste gule formen og bruk den samme Utseende attributter, men erstatt Bue Nedre effekt med Arc Upper effekt vist i det andre bildet.

Trinn 9

Velg din 310 x 70 px rektangel og ta det med forsiden med Shift-Control-] hurtigtast.

Velg Pennverktøyet (P) og opprett de små horisontale banene som vises i det andre bildet. Legg til en 10 px slag for disse nye banene, sett fargen til R = 73 G = 35 B = 84, og ikke glem å sjekke det Round Join knapp.

4. Hvordan legge til litt tekst

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Insaniburger-fonten, sett størrelsen til 30 px, og øke sporing til 22.

Bare klikk på tavla og legg til "FORFREMMELSE"stykke tekst. Legg det som vist i bildet nedenfor og sett fargen til R = 73 G = 35 B = 84.

Steg 2

Velg alle figurene som er markert i det første bildet, Gruppe dem (Kontroll-G), og deretter gå til Effekt> Varsel> Flagg. Skriv inn attributter som er vist under og klikk OK.

Trinn 3

Velg Ellipseverktøyet (L) og opprett en 200 px sirkel. Fyll denne nye formen med en tilfeldig gul og senter den.

Pass på at denne nye formen forblir valgt, velg Skriv på et sporverktøy, og klikk bare på kanten av den valgte formen. Dette vil tillate deg å legge til tekst langs veien.

Legg til "BESTE DEALER"stykke tekst, sett fargen til R = 73 G = 35 B = 84 og fokus på Karakter panel. Velg Insaniburger-fonten, og sett størrelsen til 22 px og sporing til 0. Deretter må du justere plasseringen av teksten. Bytt til Direkte utvalgsverktøy (A) og bare dra den midterste braketten fra utsiden til innsiden av sirkelen din. Dette bør flytte teksten inne i sirkelen. Bruk samme brakett til å flytte teksten din langs banen som vist på bildet nedenfor.

Trinn 4

Velg Ellipseverktøyet (L) og opprett en 170 px sirkel. Fyll denne nye formen med en tilfeldig gul og senter den.

Pass på at den gule sirkelen din blir valgt, velg Skriv på et sporverktøy, og bare klikk på kanten av ditt valg.

Legg til "SPESIALTILBUD"stykke tekst, sett fargen til R = 73 G = 35 B = 84, og fokus på Karakter panel. Bruk attributter som vises i følgende bilde, og bruk den braketten til å flytte teksten din langs banen som vist nedenfor.

5. Hvordan lage bakgrunn og legg til en subtil struktur

Trinn 1

Velg Rektangelverktøy (M) og opprett en 860 px torget. Fyll denne nye formen med R = 228 G = 242 B = 255, send det til baksiden ved hjelp av Shift-Control-[ tastaturgenvei, og ikke glem å sentrere den.

Steg 2

Til slutt, la oss legge til en subtil tekstur. Last ned dette settet med Grunge Abstrakte Bakgrunner fra Envato Elements og dra det første bildet i dokumentet.

Endre størrelsen på den litt, sørg for at den dekker hele tavlen, og endre den Blandingsmodus til Mykt lys.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter. Ikke nøl med å dele ditt endelige resultat i kommentarfeltet.

Du er velkommen til å justere det endelige designet og gjøre det til ditt eget. Du kan finne noen flotte inspirasjonskilder på GraphicRiver, med interessante løsninger for å forbedre design.