Share
I denne opplæringen lærer du hvordan du lager en flott trådløs telefon. Du bruker Offset Path og ulike gradienter for å lage en tredimensjonal telefon med realistiske høydepunkter og refleksjoner.
Åpne et nytt dokument, og opprett et 147px ved 440px rektangel. Gå til Effekt> Stylize> Round Corners og sett Radius til: 40px, og klikk OK. Dette vil rundt rektangelens hjørner, rett etter at du går til Objekt> Utvid Utseende og fyll på formen med fargen R: 184 G: 71 B: 95.
Med rektangulært avrundet rektangel fremdeles valgt, går du til Objekt> Sti> Offset-vei og angir Offset til: -4px, klikker OK og fyller med lineær gradient. For å gjøre dette, åpne Gradient panelet: Vindu> Gradient (Control + F9). Du trenger 3 glidebrytere, fra venstre til høyre, sett fargen R: 98 G: 100 B: 99, for den andre R: 203 G: 222 B: 210 og for den tredje skyveknappen velg den samme fargen du brukte til den første gradient glidebryter, still inn vinkelen til 45 og bruk en strekkfarge på R: 77 G: 77 B: 77, Vekt: 1px innsiden.
Med formen som fortsatt er valgt, gå til Objekt> Sti> Offset Path, sett Offset til: -2px, klikk OK, åpne Gradient panelet (Control + F9). Du vil se 3 glidebrytere. Fjern en av glidebryterne, og bruk glidebryteren på venstre side. R: 203 G: 222 B: 210 Plassering: 0%, på høyre glidebryter gjelder R: 26 G: 26 B: 26 Plassering: 100% og skyv lutningen skyveknappen, som er over farger for gradienten, til plassering: 14,5% og vinkel: -13
Med formen fra det forrige trinnet som er valgt, går du til Objekt> Sti> Offset-vei og angir forskyvningen til: -2px, klikker OK, og endrer fargene for gradienten som vist på bildet under.
Opprett et svart rektangel med dimensjonene 128px ved 110px, plasser det som vist på bildet nedenfor.
Med rektangelet fremdeles valgt, gå til Objekt> Sti> Offset-vei og sett offsettet til: -2px, klikk OK og fyll det med en lineær gradient med farger fra grått til svart. Ta en titt på bildet nedenfor for referanse.
Lag en 101px med 43px rektangel og gå til Effect> Stylize> Round Corners og sett Radius til: 6px, klikk OK. Rett etter det, gå til Objekt> Utvid Utseende og fyll det med Linear Gradient som vist på bildet nedenfor.
Med formen fra den forrige valgte, går du til Objekt> Sti> Offset-vei og angir Offset til: -2px, klikk OK, fyll ut med fargen R: 202 G: 178 B: 146. Bruk en Inner Glow ved å gå til Effekt> Stylize> Inner Glow. Skriv inn følgende innstillinger: Modus: Normal, Opasitet: 75%, Blur: 5px, Farge # E2DFD3 (klikk på firkanten ved siden av Modus ".
Kopier formen fra trinn 6 ved hjelp av Control + C, etterfulgt av Control + F, flytt kopien over de andre figurene ved å gå til Objekt> Ordne> Ta fram (Skift + Kontroll + Høyre kvadratkonsoll). Opprett en høyere rektangel enn den forrige, slik at den dekker 2/3 av forrige form, velg begge formene, åpne Pathfinder-panelet (Shift + Control + F9) og klikk på Minus Front-knappen. Fyll den nye formen med hvit og reduser Opacity til 20%.
Opprett 30px med 15px rektangel, og gå deretter til Effect> Stylize> Round Corners og sett Radius til: 8px, klikk OK, og gå til Objekt> Utvid Utseende. Fyll formen med en lineær gradient fra svart til grått og plasser det som vist på bildet nedenfor.
Med formen som fortsatt er valgt, går du til Objekt> Sti> Offset-vei og angir forskyvningen til: -2px, klikker OK og fyller den med svart.
Hold objektet valgt, og igjen, gå til Objekt> Sti> Offset-vei og angi forskyvningen til: -2px og fyll den nye formen med en lineær gradient fra grå til mørk grå.
Konverter formene fra trinn 10, 11 og 12. Velg figurene og gå til Objekt> Gruppe (Kontroll + G), kopier gruppen du opprettet ved hjelp av Control + C, etterfulgt av Control + F. Flytt kopien noen få piksler til høyre , legg til nødvendig tekst og ikoner som vist i eksemplet nedenfor.
Opprett et avrundet rektangel med dimensjonene 102px ved 56.5px, hjørner 10px, fyll med Linear Gradient (farger R: 84 G: 86 B: 85 til R: 30 G: 32 B: 31), og gå deretter til Effect> Stylize> Outer Gløde. Skriv inn følgende innstillinger: Modus: Normal, Opacity: 75%, Blur: 4px, svart farge, klikk OK. Plasser formen som vist på bildet nedenfor.
Kopier formen fra forrige trinn, skift fargen til svart og slett den ytre glød-effekten. For å gjøre dette åpner du panelet Utseende (Windows> Utseende eller Skift + F6) og drar "Outer Glow" -laget i slettingsfeltet.
I midten av formen fra forrige trinn, Lag 71px med 71px sirkel med Ellipse-verktøyet (L), velg begge fasene, åpne Pathfinder-panelet (Shift + Control + F9) og klikk på Minus Front-knappen.
Opprett et rektangel over figurene fra forrige trinn, velg figurene (fra forrige trinn og rektangel), åpne Pathfinder-panelet og klikk på Divide-knappen. Slett overskuddene som vist på bildet nedenfor.
Velg gruppen som dukket opp i forrige trinn, gå til Objekt> Path> Offset Path og sett Offset til: -2px, klikk OK og fyll fasongene med en lineær gradient fra grått til svart.
Med formene som er valgt, går du til Objekt> Sti> Offset-vei og angir forskyvningen til: -2px, klikker OK og fyller farge R: 200 G: 203 B: 211.
Opprett en svart 50px med 50px-sirkel med Ellipse-verktøyet (L), kopier sirkelen ved å bruke Control + C etterfulgt av Control + F, slå av Fill Color, bruk 1px Stroke, fargen spiller ingen rolle fordi vi fyller det med lineær gradient. Med formen fortsatt valgt, gå til Objekt> Utvid og fyll med Linjær gradient med farger R: 51 G: 51 B: 51 til R: 203 G: 222 B: 210.
Velg sirkelen fra forrige trinn og gå til Objekt> Sti> Offset-vei og angi forskyvningen til: -4px, klikk OK og fyll på formen med Lineær gradient med farger R: 84 G: 86 B: 85 til R: 30 G : 32 B: 31.
Med formen som fortsatt er valgt, går du til Objekt> Sti> Offset Path og angir Offset til -1px, klikker OK og fyller formen med en radial gradient med farger fra svart til R: 51 G: 51 B: 51.
Legg til de nødvendige knappikonene på en måte du ønsker, ta en titt på bildet nedenfor for referanse.
Lag et 30px med 24px rektangel og gå til Effect> Stylize> Round Corners, sett Radius til: 10px, klikk OK. Gå til Objekt> Utvid Utseende og fyll på 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,5 px Stroke.
Med formen fortsatt valgt, gå til Objekt> Sti> Offset-vei og sett radien til: -2px, klikk OK, slå av Stroke-farge, åpne Gradient-panelet og klikk på Reverse Gradient-knappen.
Med Offset-formen fortsatt valgt, gå til Objekt> Path> Offset Path og angi radien til: -1px, klikk OK, fyll den med svart og gå igjen til Objekt> Path> Offset Path og angi radien til: - 1px, klikk OK. Fyll formen med Lineær Gradient med farger fra R: 84 G: 86 B: 85 til R: 30 G: 32 B: 31
Grupper figurene fra trinn 24, 25, 26 og 27. For å gjøre dette, velg figurene og gå til Objekt> Gruppe, velg deretter gruppen og gå til Effekt> Forvreng og transformer> Transform, skriv inn følgende innstillinger: Kopier: 2 Flytt, Horisontal: 35px, la de andre verdiene stå som standard, klikk OK. Deretter går du til Effect> Distort & Transform> Transform. Klikk på Apply New Effect-knappen og skriv inn følgende innstillinger: Kopier: 3 Flytt, Vertikal: -27px, klikk OK.
Legg til nødvendige bokstaver og tall over knappene.
I en posisjon over skjermen skal du lage en ellipse med dimensjonene 81px ved 43px og farge # 282A29, og deretter gå til Objekt> Opprett Gradient Mesh, skriv inn følgende innstillinger: Rader: 4, Kolonner: 5, klikk OK. Rett poengene og fargen som vist på bildet nedenfor.
Opprett en svart 51px med 27px ellipse og plasser den i midten av forrige form.
Med ellipsen fremdeles valgt, gå til Objekt> Sti> Offset-vei, sett radien til: -1px, klikk 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 legg til 3 sorte sirkler som vist på bildet nedenfor.
Velg alle figurene og gå til Objekt> Gruppe.
Lås telefongruppen eller slå den av ved å klikke på øyet foran gruppen. Lag en 288px med 237px rektangel og gå til Effect> Stylize> Round Corners og sett Radius til: 80px, klikk OK og gå til Objekt> Utvid Utseende. Etter dette lag et annet rektangel, denne gangen bredere enn den forrige (vist på bildet nedenfor). Velg begge fasene, åpne Pathfinder-panelet og klikk på Minus Front-knappen, korrigér nøkkelpunkter som vist i eksemplet.
Fyll den siste formen du opprettet med Linear Gradient. For å gjøre dette, åpne Gradient-panelet (Vindu> Gradient eller Ctrl + F9). Du trenger 3 Gradient skyveknapper. Fra venstre til høyre gjelder farge R: 123 G: 27 B: 42, R: 125 G: 28 B: 43 og R: 87 G: 28 B: 43. Opprett to former over den forrige ved hjelp av pennverktøyet (P), fyll dem med en lineær gradient fra hvit 100% til hvit 0%, bruk en 25px Gausian Blur. Velg formen fra forrige trinn, kopier den ved hjelp av Control + C, etterfulgt av Control + F, flytte den over figurene du nettopp har opprettet. Velg de nyopprettede figurene og formen du flyttet dem over, og gå til Objekt> Clipping Mask> Make (Control + 7).
Opprett en ellipse over forrige form og fyll den med en lineær gradient som vist i eksemplet nedenfor.
Kopier ellipsen med Control + C etterfulgt av Control + F, flytt det noen piksler opp, endre gradienten til Radial med farger fra grå til svart, bruk en dropshadow (Effect> Stylize> Drop Shadow) og skriv inn følgende innstillinger: Modus: Normal, Opacity: 50%, X Offset 0px Y Offset: 5px, Farge: 6D6D6D.
Lag en hvit ellipse og plasser den som vist på bildet nedenfor, bruk en 25px Gausian Blur og reduser Opacity til 70%.
Over alle de andre figurene, lag en svart ellipse Velg alle figurene og gruppere dem ved å gå til Objekt> Gruppe. Ta en titt på bildet nedenfor for referanse.
Gjør telefonen synlig igjen og plasser den over gruppen du opprettet tidligere.
Med pennverktøyet (P), opprett en svart form for å dekke den nederste delen av telefonen.
Velg telefongruppen og formen som ble opprettet i forrige trinn, og åpne transparentpanelet. I øverste høyre hjørne ser du en pil, klikker på den, fra rullegardinmenyen, velg Opprett Opacity Mask. Dette vil få hele telefonen til å forsvinne, men vi må gjemme bare den nederste delen, så med transparentpanelet åpent, fjernkontrollen Klipp ut. På den måten vil bare den nederste delen av telefonen bli skjult.
Når telefongruppen fortsatt er valgt (og gjennomsiktighetspanelet fortsatt er åpent), klikker du en gang i maskeringsvinduet. På denne måten kan vi bare bruke en Gassfarging til maskelaget. Når du har valgt maskeringslaget, går du til Effect> Blur> Gausian Blur og angir radien til: 14px, klikk OK. Du er nå ferdig!
For å fullføre illustrasjonen din legg til en bakgrunn, jeg har valgt en gratis lyseblå. Der har du det, en stilig trådløs telefon.
Accentsconagua