Hvordan lage en stilig trådløs Phone

How å skape en stilig Mobiltelefonen

I denne opplæringen vil du lære hvordan du gjør en flott utseende Wireless Phone. Du skal bruke Offset Sti og ulike graderinger for å skape en tredimensjonal telefon med realistiske høydepunkter og refleksjoner.

Trinn 1

Åpne et nytt dokument, og skape en 147px ved 440px rektangel. Gå til Effect > Stilisere > Runde hjørner og sette Radius til: 40px, og klikk OK. Dette kommer til å runde rektangel hjørnene, rett etter det gå til Objekt > Utvid Utseende og fylle formen med fargen R: 184 G: 71 B:. 95

Trinn 2

Med rektangel avrundet rektangel fortsatt er valgt, gå til Objekt > Sti > Offset Sti og angi offset til: -4px, klikk OK og fyll med Linear Gradient. For å gjøre dette, åpner Gradient panelet: Vindu > Gradient (Control + F9). Du trenger 3 gradient glidere, fra venstre til høyre sette farge R: 98 G: 100 B: 99, for det andre R: 203 G: 222 B: 210 og for det tredje slider velge samme farge som du brukte for første gradient glidebryteren, sett Angle til 45 og bruke en Stroke Color of R: 77 G: 77 B: 77, Vekt: 1px inne

Trinn 3

Med den formen fortsatt er valgt går til. Objekt > Sti > Offset Path, bestemmer forskyvningen til: -2px klikker OK, åpner Gradient panel (Control + F9). Du vil se 3 graderte glidere. Fjern en av glidere og deretter på venstre slider bruke fargen R: 203 G: 222 B: 210 Sted: 0%, på høyre slider gjelder R: 26 G: 26 B: 26 Sted: 100% og skyv gradient glideren, som er over fargene for gradient, å Sted: 14,5% og Angle: -13

Trinn 4

Med formen fra forrige trinn fortsatt er valgt, gå til Object > Sti > Offset Sti og angi offset til:. -2px, Klikk OK, og endre fargene for graderingen som vist på bildet nedenfor

Trinn 5

Lag en svart rektangel med dimensjonene 128px av 110px, plasser den som vist på bildet nedenfor

Trinn 6

Med rektangelet fortsatt er valgt, gå til Objekt >.; Sti > Offset Sti og angi offset til: -2px, klikk OK og fyll den med en lineær gradient med farger fra grått til svart. Ta en titt på bildet under for mer informasjon

Trinn 7

Lag en 101px ved 43px rektangel og gå til Effect >.; Stilisere > Runde hjørner og sette Radius til: 6PX, klikk OK. Rett etter det gå til Objekt > Utvid Utseende og fyll den med Linear Gradient som vist på bildet nedenfor

Trinn 8

Med formen fra forrige fortsatt er valgt, gå til Objekt >.; Sti > Offset banen og sette offset til: -2px, klikk OK, fylles med fargen R: 202 G: 178 B: 146. Påfør en indre glød ved å gå til Effect > Stilisere > Indre glød. Skriv inn følgende innstillinger: Modus: Normal, Opacity: 75%, Blur. 5px, Color # E2DFD3 (klikk fargen plassen ved siden av Mode "

Trinn 9

Kopier form fra trinn 6 bruker Ctrl + C etterfulgt av Ctrl + F, flytte kopien ovenfor de andre figurene ved å gå til Objekt > Arranger > Ta To Front (Shift + Ctrl + Høyre hakeparentes) Lag en høyere rektangel enn den forrige, så. det dekker 2/3 av den forrige figuren, og velg deretter begge former, åpne Pathfinder-panelet (Shift + Ctrl + F9) og klikk på Minus Front-knappen. Fyll den nye figuren med hvit og redusere Opacity til 20%.

Step 10

Opprett 30px av 15px rektangel, så gå til Effect > Stylize > runde hjørner og sette Radius til: 8px, klikk OK, og deretter gå til Objekt > Utvid Utseende Fill. formen med en lineær gradient fra svart til grå og posisjon som vist på bildet nedenfor

Trinn 11

Med den formen fortsatt er valgt, gå til Objekt >. Sti > Offset Sti og sette Offset til: -2px, klikk OK og fyll den med svart

Trinn 12

Hold valgte objektet og, igjen, gå til Objekt >. Sti > Offset Sti og angi offset til:. -2px Og fylle den nye formen med en lineær gradient fra grå til mørk grå

Trinn 13

omgruppere figurer fra trinn 10, 11 og 12. Velg figurene og gå til Objekt > Group (Ctrl + G), kopiere den gruppen du opprettet ved hjelp av Ctrl + C etterfulgt av Ctrl + F. Flytt kopien noen piksler til høyre, legger nødvendig tekst og ikoner som vist i eksempelet nedenfor.

Step 14

Lag en avrundet rektangel med dimensjonene 102px etter 56.5px, hjørner 10px, fyll med Linear Gradient (farger R: 84 G: 86 B: 85 til R: 30 G: 32 B: 31) , så gå til Effect > Stilisere > Ytre glød. Skriv inn følgende innstillinger: Modus: Normal, Opacity: 75%, Blur: 4px, svart farge, klikk på OK. Plasser formen som vist på bildet nedenfor.

Trinn 15

Kopier formen fra forrige trinn, endre fargen til svart og slette Ytre glød effekt. For å gjøre dette, åpner Utseende panelet (Windows > Utseende, eller Shift + F6). Og dra "Ytre Glow" lag i slette bin

Trinn 16

I sentrum av formen fra forrige trinn, Opprett 71px av 71px sirkel med Ellipse verktøyet (L), velger begge former, åpne Pathfinder-panelet (Shift + Ctrl + F9) og klikk på Minus Front-knappen.

Trinn 17

Lag et rektangel over figurene fra forrige trinn, velger former (fra forrige trinn og rektangel), åpner Pathfinder-panelet og klikk på Divide knappen. Slett overskuddet figurer som vist på bildet nedenfor

Trinn 18

Velg gruppen som dukket opp i forrige trinn, gå til Objekt >.; Sti > Offset Sti og angi offset til: -2px, klikk OK og fyll formene med en lineær gradient fra grått til svart

Trinn 19

Med figurene fortsatt er valgt, gå til Objekt >.; Sti > Offset Sti og angi offset til: -2px, klikk på OK og fylles med fargen R: 200 G: 203 B:. 211

Trinn 20

Lag en svart 50 piksler x 50 piksler sirkel med Ellipse verktøyet (L), kopiere sirkel ved hjelp av Ctrl + C etterfulgt av Ctrl + F, slå av Fill Color, bruke en 1px Stroke, ikke fargen ikke saken fordi vi vil fylle den med Linear Gradient. Med formen fortsatt er valgt, gå til Objekt > Utvid og fyll med Linear Gradient med farger R: 51 G: 51 B: 51 til R: 203 G: 222 B:. 210

Trinn 21

Velg sirkelen fra forrige trinn og gå til Objekt > Sti > Offset Sti og angi offset til: -4px, klikk på OK og fylle formen med Linear Gradient med farger R: 84 G: 86 B: 85 til R: 30 G: 32 B: 31

Trinn 22.

Med den formen fortsatt er valgt går til Objekt > Sti > Offset Sti og sette offset til -1px, klikk på OK og fylle formen med en Radial Gradient med farger fra svart til R: 51 G: 51 B:. 51

Trinn 23

Legg de nødvendige ikoner på noen måte du ønsker, kan du ta en titt på bildet under for mer informasjon

Trinn 24

Lag en 30px av 24px rektangel og gå til Effect >.; Stilisere > Runde hjørner, sett Radius til: 10px, klikk på OK. Gå til Objekt > Utvid Utseende og fylle formen med Linear Gradient med farger fra R: 30 G: 32 B: 31 til R: 84 G: 86 B:. 85, til slutt bruke en svart 0.5px Stroke

Trinn 25

Med den formen fortsatt er valgt, gå til Objekt > Sti > Offset Sti og sette Radius til:. -2px, Klikk OK, slå av Stroke Color, åpner Gradient panelet og klikk på Reverse Gradient knappen

Trinn 26

Med offset form likevel valgt, gå til Objekt > Sti > Offset Sti og sette Radius til: -1px, klikk OK, fyll den med svart og nok en gang gå til Objekt > Sti > Offset Path, og angi Radius til: -1px, klikk på OK. Fyll formen med Linear Gradient med farger fra R: 84 G: 86 B: 85 til R: 30 G: 32 B: 31

Trinn 27

Gruppe figurene i trinn 24, 25 , 26 og 27. For å gjøre dette, velger figurene og gå til Objekt > Gruppe, velg gruppen og gå til Effect > Forvrenge & Transform > Transform, angi følgende innstillinger: Kopierer: 2 Move, Horisontale: 35px, la de andre verdiene som standard, klikker du på OK. Etter det går til Effect > Forvrenge & Transform > Transform. Klikk på Apply New Effect-knappen og angi følgende innstillinger: Kopierer: 3 Move, Vertical: -27px, klikk OK

Trinn 28

Legg de nødvendige bokstaver og tall over knappene..

Step 29

I en posisjon over skjermen, skape en ellipse med dimensjonene 81px av 43px og farge # 282A29, så gå til Objekt > Lag Gradient Mesh, angi følgende innstillinger: Rader: 4, Kolonner: 5 Klikk på OK. Korriger poeng og fargen som vist på bildet nedenfor.

Trinn 30

Lag en svart 51px av 27px ellipse og plasser den i midten av forrige form.

Step 31

Med ellipse fortsatt er valgt, gå til Objekt > Sti > Offset Path, setter Radius til: -1px, klikk på OK. Fyll formen med en lineær gradient med farger fra R: 98 G: 100 B: 99 til R: 30 G: 32 B: 31. Til slutt legger 3 svarte sirkler som vist på bildet nedenfor

Trinn 32

Velg alle fasonger og gå til Objekt >.; Gruppe.

Trinn 33

Lås telefonen gruppe eller slå den av ved å klikke på øyet foran gruppen. Lag en 288px ved 237px rektangel og gå til Effect > Stilisere > Runde hjørner og sette Radius til: 80px, klikk på OK og gå til Objekt > Utvid Utseende. Etter at opprette en rektangel, denne gangen bredere enn den forrige (vist på bildet under). Velg begge former, åpne Pathfinder-panelet og klikk på Minus Front-knappen, korrigere de viktigste punktene som vist i eksempelet.



Trinn 34

Fyll den siste formen du opprettet med Linear Gradient. For å gjøre dette, åpner Gradient panelet (Vindu > Gradient eller Ctrl + F9). Du trenger 3 Gradient glidere. Fra venstre til høyre bruke fargen R: 123 G: 27 B: 42, R: 125 G: 28 B: 43 og R: 87 G: 28 B: 43. Lag to former enn den forrige bruker pennverktøyet (P), fyll dem med en lineær gradient fra hvitt 100% til hvit 0%, gjelder en 25px Gausian Blur. Velge formen fra forrige trinn, kopiere den ved hjelp av Ctrl + C etterfulgt av Ctrl + F, flytter den over figurene du nettopp opprettet. Velg de nyopprettede former og den formen du flyttet dem over og gå til Objekt > Klipping Mask > Merke (Control + 7).

Trinn 35

Opprett en ellipse over den forrige formen og fyll den med en lineær gradient som vist i eksempelet nedenfor.

Trinn 36

Kopier ellipse bruker Ctrl + C etterfulgt av Ctrl + F, flytte den noen få piksler opp, endre gradient å Radial med farger fra grått til svart, bruke en Drop Shadow (Effect > Stylize > Drop Shadow) og angi følgende innstillinger: Modus: Normal, Opacity: 50%, Offset X 0px Y Offset: 5px, Farge:. 6D6D6D

Trinn 37

Lag en hvit ellipse og plasser den som vist på bildet nedenfor, gjelder en 25px Gausian Blur og redusere Opacity til 70%.

Trinn 38

Over alle de andre figurene, skape en svart ellipse Velg alle former og gruppe dem ved å gå til Objekt > Gruppe. Ta en titt på bildet under for mer informasjon.

Trinn 39

Gjør telefonen synlig igjen og plasser den over den gruppen du opprettet tidligere.

Trinn 40 Anmeldelser

Med pennverktøyet (P), lage en svart form for å dekke den nederste delen av telefonen.

Trinn 41

Velg telefon gruppen og formen ble opprettet i forrige trinn og åpne Transparency panel. I øvre høyre hjørne vil du se en pil, klikk på den, fra rullegardinmenyen velger Lag Opacity Mask. Dette vil gjøre hele telefonen forsvinner, men vi trenger å skjule bare den nederste delen, så med Transparency panelet åpent, un-sjekk Clip. På denne måten bare den nederste delen av telefonen vil være skjult.

Trinn 42

Med telefonen gruppen fortsatt valgt (og Transparency panel fortsatt åpen), klikk en gang på masken vinduet. På denne måten kan vi bruke en Gasian Blur til masken lag bare. Etter at du har valgt maske laget, gå til Effect > Blur > Gausian Blur og sett Radius til: 14px, klikk på OK. Du er nå ferdig!

Konklusjon

For å avslutte illustrasjon legge til en bakgrunn, har jeg valgt en gratis lyseblå. Der har du det, en stilig trådløs telefon.



Previous:
Next Page: