Rask Tips Hvordan lage en tilfredsstillelse garantert grafisk

I den følgende Quick Tip lærer du å skape en tilfredsstillende garantert tetning med grunnleggende former og gradienter. Du vil oppdage at grunnstrukturen til denne grafikken kan gjenbrukes mange ganger for å lage et sett av nettaktiver som er perfekte for e-handel. La oss komme i gang!


Trinn 1

Opprett et dokument på 700 til 700 px. Start med å slå på rutenettet og Snap to Grid, og gå deretter til Rediger> Innstillinger> Ruter og ruter. Skriv inn "5" i boksen "Retningslinjer hver" og "1" i "Inndeling" -boksen. Nå må du lage 9 konsentriske sirkler.

  1. Velg Ellipseverktøyet (L), hold Shift og opprett en form for 500x500px. Navngi det "1" og gå til Objekt> Sti> Offset Path, skriv inn en "-30px" offset og trykk OK.
  2. Navngi den resulterende sirkelen "2", velg den og gå igjen til Objekt> Path> Offset Path. Skriv inn en "-5px" offset og trykk OK.
  3. Gi denne nye formen "3" navnet. Velg den, gå til Objekt> Path> Offset Path, skriv inn en "-5px" offset og trykk OK.
  4. Navngi den resulterende formen "4", velg den og gå igjen til Objekt> Path> Offset Path. Skriv igjen en "-5px" offset og trykk OK.
  5. Navngi denne nye sirkelen "5" og gå til Objekt> Sti> Offset Path. Skriv inn en "-25px" offset og trykk OK.
  6. Velg denne nye sirkelen, navnet "6", gå til Objekt> Sti> Offset-banen. Skriv inn en "-20px" offset og trykk OK.
  7. Velg den resulterende formen, betegne den "7" og gå en gang til Objekt> Sti> Offset-vei. Skriv inn en "-10px" offset og trykk OK.
  8. Velg denne nye formen, navnet "8", og gå en siste gang til Objekt> Sti> Offset Path. Skriv inn en "-5px" offset og trykk OK.
  9. Velg denne siste kretsen og nevn den "9".

Steg 2

Her kan du se nærmere på de skjemaene du har laget så langt. Deretter må du velge figurene fra 2 til 9 og gjøre dem usynlige (for øyeblikket).


Trinn 3

Slå av rutenettet og Snap to Grid. La oss nå fokusere på form # 1. Velg den, legg til Zig Zag-effekten, og gå til Objekt> Utvid utseende. Først fyll det med den lineære gradienten og legg til en 1pt justert til utvendig slag (R = 204 G = 204 B = 204). Deretter legger du til en ny, svart fylling. Velg denne fyllingen (fra Utseendepanelet), senk oppaktheten til 3%, og legg til Korneffekten. Til slutt, velg hele banen og legg til Drop Shadow-effekten (Effekt> Stylize> Drop Shadow).


Trinn 4

Opprett en kopi av form "1" og velg deretter Rektangulærverktøyet (M) og opprett en form som den røde som vises i bilde # 1. Velg disse to figurene og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senk dens opasitet til 10% og flytt den rett over form # 1 (sørg for at den blir der til slutten).


Trinn 5

Slå 2,3,4,5,8 og 9 tilbake til synlig. Fyll først 2,4 og 8 med hvitt og fyll deretter 3,5 og 9 med den radiale gradienten som vises nedenfor.


Trinn 6

Vri formen "7" tilbake til synlig. Velg typen på et sporverktøy, klikk på banen ("7") for å hente en blinkende markør, og legg deretter til tilfredsstillingsgarantien. Bruk Arial Black-skrift med en størrelse på 40px. Velg denne teksten og gå til Objekt> Utvid. Velg de resulterende figurene, fyll dem med hvitt og gå til Objekt> Sammensatt sti> Lag. Gi den resulterende formen "Tekst" navnet. Vri sirkel "6" tilbake til synlig. Kopier "Tekst". Velg denne kopien sammen med sirkel "6" og klikk på Intersect-knappen fra Pathfinder-panelet. Velg den resulterende gruppen av former, fyll den med R = 251 G = 188 B = 12 og senk dens opasitet til 10%.


Trinn 7

Velg Typeverktøyet og legg til 100% -teksten midt i sirkel # 9. Bruk Impact-skrifttypen (110px for teksten og 80px for prosent-tegnet). Utvid denne teksten, fyll de resulterende figurene med hvitt, og gå til Objekt> Sammensatt sti> Lag. Velg den resulterende formen, gå til Objekt> Path> Offset Path, skriv inn en "-3px" offset og trykk OK. Fyll den resulterende formen med den lineære gradienten.


Trinn 8

Velg stjerneværktøyet og opprett en stjerneform som den som vises i bilde nr. 1. Hold kontroll mens du klikker og drar, for å øke / redusere volumet av stjernen din. Fyll den med den radiale gradienten og legg til en 5pt hvit, justert til utsiden, slag. Tilbakestill Star Tool og opprett fire mindre stjerneformer. Fyll dem med samme radiale gradient, men bruk en annen slagstørrelse.


Trinn 9

Opprett en kopi av form "2" og velg deretter Rektangulærverktøyet (M) og opprett en form som den røde som vises i bilde # 1. Nå, velg begge figurene og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senk dens opasitet til 15%.


Trinn 10

La oss nå lage båndene. Slå på rutenettet og Snap to Grid. Velg rektangulærverktøyet (M) og opprett en form for 100 til 250 px. Velg dette rektangelet og gå til Objekt> Sti> Legg til ankerpunkter. Velg direkte markeringsverktøyet (A), velg ankerpunktet som er markert i bilde nr. 1, og flytt det 50 px opp. Velg hele formen, legg til Arc-effekten (Effect> Warp> Arc) og gå til Objekt> Utvid utseende.


Trinn 11

Kopier former som ble gjort i forrige trinn. Nå, roter disse to figurene og legg dem som vist på bildet nedenfor. Fyll dem begge med samme radiale gradient og legg deretter til en 5pt rettet innvendig, strekk (R = 242 G = 242 B = 242).


Konklusjon

Til slutt legger du til Drop Shadow-effekten, og du er ferdig. Denne grafikkstilen er spesielt nyttig for e-handelsnettsteder, da den kan bli farget for å passe til forskjellige behov.