Quick Tips: Hvordan lage en Blir garantert Grafisk
Dette innlegget er en del av en serie kalt Web og Interface Design Med Vector.Quick Tips: Hvordan lage Subtile oppskrifter for web-prosjekter i Adobe Illustrator CS6Quick Tips: Lag et enkelt sett med Web Sliders
I det følgende Quick Tips du vil lære å skape en fornøyd garanti segl med grunnleggende former og stigninger. Du vil finne at den grunnleggende strukturen i denne grafikken kan bli gjenbrukt mange ganger for å lage et sett med web eiendeler som er perfekt for e-handel. La oss komme i gang!
Trinn 1
Lag en 700 ved 700px dokumentet. Start med å slå på Grid og Fest til rutenett og deretter gå til Edit > Preferanser > Guides & Rister. Enter "5" i "Retningslinje hver" boksen og "en" i "Underinndeling" boksen. Nå må du gjøre 9 konsentriske sirkler.
Velg Ellipse Tool (L), hold Shift og skape et 500x500px form. Name it "1" og deretter gå til Objekt > Sti > Offset Path, skriv inn et "-30px" offset og trykke OK.
navn den resulterende sirkelen "2", velg den og gå igjen for å Objekt > Sti > Offset Path. Skriv inn et "-5px" offset og trykke OK.
Name denne nye formen "3". Velg det, gå til Objekt > Sti > Offset Path, skriv inn et "-5px" offset og trykke OK.
navn den resulterende formen "4", velg den og gå igjen for å Objekt > Sti > Offset Path. Nok en gang legge inn et "-5px" offset og trykke OK.
Name denne nye sirkelen "5" og deretter gå til Objekt > Sti > Offset Path. Skriv inn et "-25px" offset og trykke OK.
Velg den nye sirkelen, den navnet "6" gå til Objekt > Sti > Offset Path. Skriv inn et "-20px" offset og trykke OK.
Velg den resulterende formen, den navnet "7" og gå en gang til Objekt > Sti > Offset Path. Skriv inn et "-10px" offset og trykke OK.
Velg denne nye formen, den navnet "8" og gå en siste gang for å Objekt > Sti > Offset Path. Skriv inn et "-5px" offset og trykke OK.
Velg den siste sirkelen og gi den navnet "9".
Trinn 2
Her kan du ta en nærmere ser på figurer laget så langt. Deretter må du velge figurene fra 2 til 9 og gjøre dem usynlige (for øyeblikket).
Trinn 3
Slå av Grid og Fest til rutenett . Nå, la oss fokusere på formen # 1. Velg den, legge den Zig Zag effekt så gå til Objekt > Utvid Utseende. Først fyller den med lineær gradient og legge til en 1pt justert til utenfor hjerneslag (R = 204 G = 204 B = 204). Deretter legger du til en ny, svart fyll. Velg denne fill (fra Utseende panel), senke opacity til 3% da, og legge til Grain effekt. Endelig reselect hele banen og tilsett Drop Shadow effekt (Effect > Stylize > Drop Shadow).
Trinn 4
Lag en kopi av form "1", velg deretter rektangel Tool (M) og lage en figur som den røde vist på bilde # 1. Velg disse to formene og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senke opacity til 10% og flytte den rett over formen # 1 (pass på at det vil bli der til slutten).
Trinn 5
Slå 2,3,4,5,8 og 9 tilbake til synlig. Først fyller 2,4 og 8 med hvit deretter fylle 3,5 og 9 med radial gradient vist nedenfor.
Trinn 6
Slå form "7" tilbake til synlig. Velg Type i en bane Tool, klikk på banen ("7") for å få opp en blinkende markør tilsett Blir garantert teksten. Bruk Arial svart skrift med en størrelse på 40px. Reselect denne teksten og gå til Objekt > Utvide. Velg de resulterende former, fylle dem med hvit og deretter gå til Objekt > Forbindelse Sti > Lage. Navngi den resulterende formen "Tekst". Slå sirkel "6" tilbake til synlig. Duplisere "Text". Velg denne kopien sammen med sirkel "6" og klikk på Skjæring knappen fra Pathfinder-panelet. Velg den resulterende gruppe figurer, fyll den med R = 251 G = 188 B = 12 senk sin opacity til 10%.
Trinn 7
Velg Type Tool og legge teksten 100% i midten av sirkelen # 9. Bruk Impact font (110px for teksten og 80px for prosenttegnet). Utvid denne teksten, fylle de resulterende figurer med hvit og deretter gå til Objekt > Forbindelse Sti > Lage. Velg resulterende formen, gå til Objekt > Sti > Offset Path, skriv inn et "-3px" offset og trykke OK. Fyll formen resulterer med lineær gradient.
Trinn 8
Velg Star Tool og skape en stjerneform som vist i bilde # 1. Hold Control, mens du klikker & drag, for å øke /redusere volumet av din stjerne. Fyll den med radial gradient og legge til en 5PT hvit, justert til utenfor, hjerneslag. Reselect Star Tool og lage fire mindre stjerners former. Fyll dem med det samme radial gradient, men bruker en annen slag størrelse.
Trinn 9
Lag en kopi av form "2", velg deretter rektangel Tool (M) og lage en figur som den røde vist på bilde # 1. Nå velger både former og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senke opacity til 15%.
Step 10
Nå, la oss skape bånd. Slå på Grid og Fest til rutenett. Velg rektangelverktøyet (M) og lage en 100 ved 250px form. Velg denne rektangel og gå til Objekt > Sti > Legg ankerpunkt. Plukk Direct Selection Tool (A), velger ankerpunktet markert i bilde # 1 og flytte det 50 piksler opp. Reselect hele formen, tilsett Arc effekt (Effect > Warp > Arc) og deretter gå til Objekt > Utvid Utseende.
Step 11
Duplicate figurer laget i forrige trinn. Nå roter disse to figurer og plassere dem som vist på bildet nedenfor. Fyll dem begge med samme radial gradient deretter legge en 5PT justert til inne, hjerneslag (R = 242 G = 242 B = 242).
Konklusjon
Til slutt legger Drop skygge effekt og du er ferdig. Denne stilen av grafikken er spesielt nyttig for e-handel som det kan bli re-farget for å dekke ulike behov. Anmeldelser