Create en iPhone stil Vector Phone Illustrasjon

I dag skal jeg vise deg hvordan du raskt lage en mockup av en iPhone i Illustrator. Overraskende, er svært enkelt i Illustrator denne prosessen. Når du ’ re ferdig, du ’ ll har en skalerbar, Overtrekk, og fullt redigerbar grafisk å plassere i noen av dine design

Innledning

I det siste er det &rsquo.; s vært mye spenning å bygge om Apple ’ s nye iPhone. Kunngjøringen om at den nye iPhone ikke bare vil være raskere, men også billigere enn den gjeldende versjonen, vil ganske sikkert skape mange nye brukere.

Nye brukere betyr at det vil bli mer etterspørsel etter ting som iPhone, noe som betyr det blir mer arbeid for designere som vil skape dem. Viser disse bakgrunnsbilder på en behagelig måte kan gjøre en forskjell i om tapet er lastet ned og brukt. Så, hva ’ s den beste måten å vise dem? På en iPhone, selvfølgelig!

Det er et par måter å gjøre dette. En måte er å ta et bilde av en iPhone og deretter å overlappe design. Men dette kan være plagsom. Du kan ikke ha en iPhone eller et kamera for å ta bildet. Selv om du har et kamera, kan du ikke være veldig god på fotografering. Selv om du er god på fotografering, har du fortsatt perspektiv problemer å håndtere. Så hva gjør du? Lag en iPhone selv. La oss gjøre det!

Final Bilde Forhåndsvisning

Før vi kommer i gang, la oss ta en titt på bildet vi skal opprette. Kildefilen for denne opplæringen er for øyeblikket ikke tilgjengelig, selv om vi har planer om å slippe dette i fremtiden.

Trinn 1

Kan komme i gang med å lage en 10 i ved 10 i dokumentet. Dimensjonene du velger shouldn ’ t saken, men det kan bidra til å velge de samme dimensjonene bare å følge med denne opplæringen

Trinn 2

Tegn en svart firkant 3,0202 i ved 5,8541 i.. Du kan gjøre dette enkelt ved å velge rektangel verktøyet og ved å klikke hvor som helst på kunst styret. Nå gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en radius på 0,25. Nå gå til Objekt > Utvid Utseende. Dette vil konvertere form til skisserer.

Trinn 3

Nå tegne en annen sort rektangel 2,7219 i ved 5,5866 i. Gjenta trinnene ovenfor for å runde hjørnene. Skriv inn en radius på 0,18. Nå gå til Objekt > Utvid Utseende.

Trinn 4

Velg rektangelet du opprettet i trinn 3. Kopier denne gjenstanden og lim til front. Endre dette objektet ’ s farge til hvit og justere størrelsen som vist nedenfor. Du kan gjøre dette ved å velge punktene med direkte valg verktøyet og ved å flytte dem over med piltastene

Nå justere alle tre rektangler som vi opprettet i trinn 2 &ndash.; 4 til sine horisontale og vertikale sentre. Flytt dette laget bak objektet vi opprettet i forrige trinn

Trinn 5

Nå er vi ’. Re kommer til å bruke Illustrator ’ s blanding verktøy for å lage iPhone ’ s rim. Gå til Objekt > Blend > Blend alternativer. Velg spesifiserte trinn og skriv 20. Velg den største hvite rektangelet som vi opprettet i trinn 2 og middelstort sort rektangel som vi opprettet i trinn 4. Deretter går du Objekt > Blend > Lage. . Dette vil blande både disse protestere sammen

Trinn 6

Nå med blanding fortsatt valgt gå til Objekt > Utvid og sjekke både Object og fyll. Nå dele opp alle lagene to ganger slik at de er alle individuelle objekter.

Nå velger både den øverste objektet som vi bare oppheves og rektangel som vi opprettet i trinn 3. Gjenta trinnene ovenfor for å blande disse to objektene i lag. Sørg for å utvide og dele opp denne blandingen også.

Trinn 7

Nå vil vi lage skjermen. Velg den øverste svart rektangel som vi nettopp opprettet. Kopiere den og lime den inn foran. Nå tegne et sekund rektangel som er 3.9938 inches høy, men bredere enn rektangelet vi bare kopiert. Velg begge objektene og velg skjærer form områder i Pathfinder paletten. Deretter endrer farge til (# 0C0C0C).

Trinn 8

Nå la ’ s skape den knappen nederst. Tegn en hvit sirkel 0,5555 i ved 0,5555 i og plassere det som vist. Deretter kopierer denne sirkelen og lim til front. Nå justere ny sirkel inntil banen er som vist. Velg begge stedene, og velg Trekk fra Shape-området i Pathfinder Palette.

Trinn 9

Legg til en radial gradient fra hvitt til svart som vist for å fullføre dette objektet off.

Trinn 10

Nå tegner en firkant, som vist nedenfor. Så gå til Effects > Stilisere > Runde hjørner. Angi 0,035 inches som radius. Deretter fjerner fyll og lage en hvit en pt hjerneslag.

Trinn 11

For å lage høyttaleren på toppen tegne en firkant. Runde hjørnene ved å bruke de samme trinnene som ovenfor. Skriv inn i en radius på 0,08. Nå utvider dette objektet ’ s utseende

Tegn en firkant på toppen av dette objektet, som vist nedenfor.. Deretter velger både gjenstander og klikk Trekk fra Shape-området i Pathfinder Palette. Deretter legger en lineær gradient fra hvitt til svart.

Trinn 12

Nå plasserer grafikken på skjermen. Man kan gjøre dette i en rekke måter. I denne opplæringen, plasserte jeg noen enkle tekst over skjermen området. Hvis du ønsket å plassere ditt eget kunstverk her kan du enten re-størrelse eller beskjære det til å passe. Du kan bruke skjermen som vi opprettet som en klipping maske. Velg hvilken metode som fungerer best for deg

Trinn 13

Nå er vi ’. Re klar til å lage vår refleksjon. Gruppe alle gjenstandene som utgjør telefonen. Åpne opp lag paletten og utvide gruppen vi nettopp opprettet. Velg den nederste svart firkant som vi opprettet i trinn 2. Kopier dette objektet og lim til front. Dette vil dekke opp hele grafikken, som vist nedenfor.

Trinn 14

Nå velger alle objekter som utgjør telefonen pluss svart avrundet rektangel som vi nettopp opprettet. Kopiere dem alle og limer dem inn i front. Da gruppen kopien. Med kopien fortsatt er valgt, åpner Transform Palette og i flyout menyen velger flip vertikal.

Trinn 15

Du kan nå slette objektet dekker opp toppen telefonen.

Trinn 16

Velg de vertikalt snudd objekter som vi bare skapt og løse opp dem. Du skal nå ha en svart avrundet rektangel i ett. Du bør også ha en gruppe som inneholder objektene gjør opp telefonen.

Trinn 17

Velg begge stedene. Deretter åpner Transparency Palette og velg Lag Opacity Mask. Dette vil gjøre refleksjon forsvinne.

Step 18

I Transparency Palette, bør du se to miniatyrbilder. Klikk på den sorte. Deretter åpner gradient paletten og velg lineær. Dette vil føre til at Object å dukke opp igjen, men falming fra venstre til høyre. Velg gradient verktøyet og lage en vertikal gradient som vist.

Nå kan du klikke på den andre miniatyr i Transparency Palette. Dette er viktig, ellers Illustrator vant ’ t la deg ut av masken. Juster det totale gjennomsiktighet av dette objektet til 30% eller 40%.

Trinn 19

Nå er vi ’ re klar til å tegne vår bakgrunn. Lag en svart firkant 10 i med 10 i. Plasser den på riktig måte og låse den på plass.

Trinn 20

Nå skriver ut teksten. Bruk Myriad Pro font å gjenskape utseendet.

Konklusjon

Opprette en iPhone fra grunnen er enklere enn det ser ut. Jeg håper at du likte denne opplæringen og har lært noe av det. Også har det gøy å lage nye iPhone for alle de nye iPhone-brukere å vise innenfor denne iPhone-design. Anmeldelser