Create en detaljert, Vector-baserte iPhone Illustrasjon, del 2

I "Opprett en detaljert, Vector-baserte iPhone Illustrasjon, del 1", vi har gjort vår iPhone og de første fem ikoner. Nå skal vi fullføre resten av ikonene og legge siste hånd til iPhone. Du vil lære mange nyttige tips og triks for ikonet design og hvordan å skape en realistisk iPhone komplett med side-visning og stilistiske dråpe refleksjon.

Trinn 1

Gå til en annen rute og endre fargene.

Trinn 2

Grab Avrundet rektangel Tool og tegne en tynn, lang rektangel og legg den i venstre øvre hjørne. Velg en hvit å fylle, og en mørkere grå for et strøk farge.

Trinn 3

Kopier tre identiske rektangler og plassere dem slik det er vist. Deretter bruker rektangel Tool (M), trekke et rektangel og legg den over de andre stedene. Velg alle og velge Unite alternativ i Pathfinder Panel.

Trinn 4

Lag tre rektangler igjen og sette dem i høyre nedre hjørne. I Pathfinder Panel bruke Unite igjen.

Trinn 5

Grip Pen Tool (P) og tegne objekter den måten kan du se nedenfor. Deretter trekker to runde gjenstander og plassere over hverandre (fyller dem med hvit og legge en grå farge til slag). Velg de to stedene og gå til Objekt > Forbindelse Sti > Merke (Ctrl + 8). Velg alle og i Pathfinder Panel velge Unite alternativet igjen.

Trinn 6

Lag to kryssende gjenstander og bruke fargene til å fylles og slag. Bruk Pen Tool (P) og opprette et objekt som vist, og sende det tilbake.


Trinn 7

Grab Ellipse Tool (L) og tegne en perfekt sirkel (hold Shift å begrense proporsjonene) og bruke gradienter i Gradient Panel. Deretter oppretter du en annen hvit ellipse, og dette objektet vil være en overflate refleksjon.

Trinn 8

You`ll trenger en ny rektangel og legg den bak det første objektet. Deretter oppretter du en skygge på bunnen av rektangelet med Ellipse Tool (L).

Trinn 9

Nå kopierer alle objekter du `ve opprettet i trinn 72 og 73 ( bortsett skyggen nederst) og bruke en Unite alternativ i Pathfinder verktøyet for å få et enkelt objekt. Fyll den med svart. Deretter skew objektet med en Shear Tool, til du er fornøyd, og velge farger i Gradient Panel (satt Opacity til 75%).

Trinn 10
< p> Tegn en stor svart sirkel og over det satt to identiske ellipser. Deretter velger du objektene og gå til Pathfinder Panel og klikk på Minus Front.

Trinn 11

Ved hjelp av et rektangel Du kan dele det nye objektet inn i tre deler ( Objekt > Sti > Divide Objekter nedenfor). Velg en gradient stil som du foretrekker, og legg til litt tekst til objektet.


Trinn 12

Del overflaten på samme måte som du gjorde i trinn 53 og bruke Gradient Panel å endre gradienter.

Trinn 13

For å opprette en sol, lage en ny perfekt sirkel og fylle det med solid oransje farge. `Ll trenger Offset Sti kommandoen for å endre størrelsen på objektet. Bruk gradienter å fylle en sirkel, og legg et strøk ved å velge en Stroke Vekt i Strek-panelet. En ny måte å legge gradienter til slag er å utvide slag. For å gjøre det, gå til Objekt > Utvid ... og sørg for at avkrysnings Strek er sjekket. Utvide dividerer objektet inn flere objekter og bruke Direct Selection eller gruppe markeringsverktøyet, kan de faktisk bli separert.

Trinn 14

Duplicate forrige form, skalere det ned, en deretter tegne en form som vist på bildet. Send denne formen tilbake, velger begge deler, og bruke Minus Tilbake alternativ i Pathfinder Panel. Nå kan du endre Blending Mode til Hardt lys (Opacity 50%).


Trinn 15

Nå vil vi gjøre solen stråler, kan du gjøre det ved å lage en perfekt sirkel, og deretter i Utseende Panel gå til Legg til ny Effect > Forvrenge & Transform > Zig Zag ... Deretter velger du Legg til ny Effect > Forvrenge & Transform > Ru ... og sette inn de verdiene den måten kan du se på bildet under. Når du er ferdig, kopierer objektet og roter det ved 45 grader. Velg begge stedene og i Transparency Panel endre Blending Mode til Hardt lys (Opacity 50%). Etter det, kan du sende dem tilbake. Skriv litt tekst og bruke en Drop Shadow effekt til det.

Trinn 16

Gå til en annen firkant og fyll den med heldekkende hvit.
< h2> Trinn 17

Kopier plassen to ganger og skalere ned størrelsen på disse to objekter til du er fornøyd. Velg Blend Tool (W) og klikk på kantene av de to stedene å skape en effekt som vist på bildet.

Trinn 18

Tegn fire identiske rektangler (hold Shift å begrense proporsjonene) og arrangere dem som vist. Legg en svart strek (gjenta dette for hver rektangel), og fylle dem med lineære gradienter (den siste rektangelet skal være farget med ulike graderingsfarger).

Trinn 19

Bruke Line Segment Tool (\\) lage to rette linjer som krysser hverandre, for å få en " + " skilt. Gå til Objekt > Sti > Outline Stroke og velg en Unite i Pathfinder Panel, å slå sammen disse to linjene. Nå, kopiere dette objektet, skalere det opp og legge til noen stigninger til det, og til slutt plassere den under den første, " + " skilt. Nå går gjennom den samme prosessen og lage tre flere tegn: " - " " x " og " = ".

Trinn 20

Grab Avrundet rektangel Tool og lage fire rektangler. Plasser gjenstandene som vises nedenfor. Påfør en lineær gradient fyll til figurer og endre Blending Mode til Overlay (Opacity 75%).

Trinn 21

Ta neste plassen og dele den i to like deler.

Trinn 22

Kopier forrige objekt og skalere det ned litt. For å få en buet kant, gjør det samme som du gjorde i trinn 53.

Trinn 23

Hvis du vil lage en enkel klokke form, tegne en perfekt sirkel og fyll den med hvit (legg svart hjerneslag).

Trinn 24

Tegn en horisontal linje og plassere den på toppen av klokken form. Bruk deretter Rotate Tool (R) og hold Alt-tasten nede og (mens du holder) klikk nettopp i midtpunktet (bruk guider) av den hvite sirkelen. Angi vinkelen til -30 grader og lage 11 eksemplarer av den (Ctrl + D).

Trinn 25

Opprett en annen sirkel og grip type på en bane Tool og klikk på kanten. Nå kan du skrive klokke tall på banen du har opprettet.

Trinn 26

I dette trinnet, må du legge til flere detaljer til Klokke Icon (second hand, minutt hånd , time hånd etc.).

Trinn 27

Ta et annet kvadrat og bruke gradienter igjen.

Trinn 28
< p> Tegn to blå parallelle horisontale linjer (én over og én under torget) og bruke Blend Tool (W), for å få fet linje bærbare papir. Endre Blending Mode til Color Burn (Opacity 75%).

Trinn 29

Nå trekker to brune vertikale linjer og sett Blending Mode til Multipliser (Opacity 35%).

Step 30

Kopier plassen du bruke som bakgrunn, og gjør det til det øverste objektet. Fordel objektet i to deler, velge og slette den nedre objekt (legge gradienter til den øvre), og du bør ha noe som bildet nedenfor.

Trinn 31

Åpne Børster Panel og i pensel Bibliotek finne noen grunge børster. Velg en pensel og tegner en strek over resten av objektene. Nå velger Objekt > Utvid Utseende og legge til noen graderingsfarger til det. Sett Blending Mode til Multipliser (Opacity 50%).

Step 32

Endre børste som passer dine behov og skape en annen grunge effekt. Sett Blending Mode til Color Burn (Opacity 15%)

Trinn 33

Velg en av grunge børster igjen og tegne noe, men nå gå til Legg til ny Effect >.; Stilisere > Drop Shadow ... i Utseende Panel, og sette inn de verdiene vist. For disse objektene, bør du sette Blending Mode til Overlay (Opacity 7%). Nå lage en maske, og du er ferdig med Notes-ikonet.

Trinn 34

Velg en farge i fargekartpanelet og fylle plassen.

Trinn 35

Hvis du vil tegne skyer, bruk en Charcoal pensel til å trekke to tykke linjer, og velg deretter Effect > Stilisere > Fjær ... og i Feather Radius boksen type 3 px. Du ikke har å gå i stor detalj (objektene vil være i en bakgrunn, uansett). Bare senk Opacity til 25%.

Trinn 36

Bruk Pen Tool (P) og skape en grunnleggende form av solsikke, og farge det med oransje. Kopier som objekt og skalere det ned og legge til noen radial graderinger på overflaten. Kopier forrige objekt igjen og endre fargene. Klikk på venstre gradient glidebryteren og endre Opacity av at bestemt farge til 0%, og Opacity av retten glideren skal settes til 75%. Lag den tredje objekt og fyll den med en annen gradienter (sett Opacity av venstre glidebryteren til 0%).

Trinn 37

Kopier første objektet og bruke Offset Sti kommandoen for å skalere ned objektet og legge gråtoner gradienter. Nå kan du endre Blending Mode av objektet å overlappe (35%). I Utseende Panel, klikk på Legg til ny Effect > Distort & Transform > Zig Zag .... Deretter går du til Legg til ny Effect > Forvrenge & Transform > Pucker & Bloat .... Igjen, gå til Legg til ny Effect > Forvrenge & Transform > Ru ... og anvende den siste effekten på dette trinnet.

Trinn 38

Grip Pen Tool (P) og trekke noen solsikke blader og send gjenstanden tilbake. Klikk på Saks Tool (C) og dele objekt inn i fire deler. I Gradient Panel velge graderingsfarger for hvert enkelt segment av objektet du nettopp har delt. Lag det siste objektet og endre Blending Mode til Soft Light (Opacity 50%).


Trinn 39

Del neste plassen du har opprettet i begynnelsen av opplæringen og farge hver gjenstand med forskjellige graderinger.

Trinn 40

Bruk rektangel Tool (M) og tegne et rektangel i midten av forrige objekt. Deretter går du til Effect > Stilisere > Runde hjørner ... og Sett Radius til 1 px. Kopi som objekt og bare skalere det ned litt.

Trinn 41

Med Ellipse Tool (L) lage en perfekt sirkel, men bruker en tykk strek bare (uten fyll) . Deretter går du til Objekt > Utvid Utseende, for å utvide objektet. Nå velger de tre stedene og i Pathfinder Panel velge Minus Front.

Trinn 42

Bruk en annen firkant og fyll den med graderinger.

Step 43

Innen Line Segment Tool (\\) tegne en rett vertikal linje. Å rotere rundt en annen rotasjonsakse, velg roteringsverktøyet (R) og trykk Alt-tasten i midten av plassen, og du vil få noe som på bildet under. I Transparency Panel endre Blending Mode til Soft Light (Opacity 75%).

Trinn 44

Lag en sirkel (hvit strek) og i Utseende Panel, klikk på Legg til ny hjerneslag og lage to slag. I Strek-panelet kan du stille Stroke innretting (hvert slag skal justeres annerledes) og gå til Objekt > Utvid Utseende. Nå legger gradienter som vist.

Trinn 45

I Symboler Panel finner du en musikk skilt og dra det til artboard. Deretter bryte koblingen og endre objektet til du er fornøyd. Opprett kopi av objektet, sende det bak den første, og velge noen graderingsfarger.

Trinn 46

Opprett et annet kvadrat og legge til noen radial graderinger. Nå endre Blending Mode til Hardt lys (Opacity 50%) og plassere den på toppen.

Trinn 47

Dette objektet er svært lik den som er beskrevet i de forrige trinnene , så du kan bare kopiere de delene du trenger for å lage et annet objekt. Gå til en annen rute og farge det slik du kan se på bildet under.

Trinn 48

Bruk Pen Tool (P) og opprette tre figurer (Pencil , Brush, viskelær), og fylle dem med hvit (legg gradienter til slag).

Trinn 49

Opprett en firkant og farge det med radial stigninger. Endre Blending Mode til Hardt lys (Opacity 50%) og bringe objektet til forsiden.

Trinn 50

Få et annet kvadrat og del den i to deler. Bruk gradienter igjen og fylle de stedene.

Trinn 51

I dette trinnet, vi skal lage et kompass dial. Først tegne en rett linje og lage kopier som vi forklarte i trinnet 108. Kopier den rette linjen, men skalerer det ned nå. Gjenta prosessen på nytt, og du bør få noe som bildet viser.

Trinn 52

Tegn en firkant og bringe den til front. Bruk gradienter og sette Blending Mode til Lysere (Opacity 90%).

Step 53

Bruke Pen Tool (P) skape et kontinent form og velge gradienter å farge objektet. Du må angi Blending Mode til Overlay (100%).

Trinn 54

Bruk Polygon Tool og trekke fire trekanter som vist. Etter det, for å gjøre åtte kompass punkter, bør du lage åtte trekanter (fire større og fire mindre) og rotere dem ved 45 grader. Deretter oppretter to perfekte sirkler (med forskjellige størrelser) og sett over hverandre. Velg de åtte trekanter og større sirkel og bruke Pathfinder alternativet Unite for å lage et enkelt objekt. Velg alle igjen, men nå går til Objekt > Forbindelse Sti > Merke (Ctrl + 8) for å lage et rundt hull i objektet.

Trinn 55

Lag fire sirkler og legg dem på hver sin side. Velg en lyseblå farge og endre Transparent objektene som følger: Blending Mode av øvre og nedre sirkel bør settes til Overlegg (Opacity 100%), og Blending Mode av de to andre sirkler bør settes til Color Burn ( Opacity 25%).

Trinn 56

For å opprette en kompassnål trekke to trekanter og farge dem slik du kan se på bildet. Når du er ferdig, legger Drop Shadow effekt til objektet og angi verdier som vist.


Trinn 57

Bruk Gradient Panel og farge objektene som vist.

Trinn 58

Vi vil skape Mail Ikon nå. Tegn et avrundet rektangel for å lage en enkel konvolutt form. Bruke Polygon Tool tegne en trekant og del den i to deler, og bruker de samme gradienter (bare reversere gradient for det andre objektet). For å tegne en trekant, dra til polygon er ønsket størrelse, og trykk pil opp og pil ned for å legge til og fjerne sider fra polygon. Det er så enkelt som det. Lag en trekant, i likhet med den forrige og bruke ulike graderinger. Lag to hvite trekanter og legg dem på toppen til slutt konvolutten. Grab en Grunge Brush og tegne to skyer. Å myke opp kantene på objekter, kan du bruke Feather effekt.


Trinn 59

Bruk en annen firkant og fyll den med graderinger.

Step 60

Med Pen Tool (P) tegner et telefonsymbol og plassere den over alt.

Trinn 61

Gå til siste rute og bruke gradienter gang.

Trinn 62

Kopier som objekt og skalere det ned litt. Nå, i Fargeprøver-panelet velger mønsteret vi har skapt i trinn 22 (del 1) og gjelder mønsteret. Plassere objektet på toppen.

Trinn 63

Lag en firkant med samme størrelse som den forrige. Velge graderingsfarger og i Transparency Panel sette Blending Mode til Overlay (Opacity 50%).

Trinn 64

Opprett objektet som vist på bildet nedenfor og farge det . Endre Blending Mode til Screen (Opacity 65%). Opprett et nytt objekt, men nå gjelder slagene til det bare (ingen fills).

Step 65

I dette trinnet vil vi skape tannhjulet, og for å gjøre det, skape en perfekt sirkel og bruke Zig Zag effekt. Lag en annen sirkel inne i første, og du kan velge hvilken som helst farge du ønsker på denne fasen. Tegn en sirkel og bruke en annen farge. Grab rektangel Tool (M) og trekke fem identiske rektangler og arrangere dem som vist. Velg svart tannhjulet og gå til Objekt > Utvid Utseende å utvide objektet. Nå velge objekter som er farget med svart og rødt, og velg Minus Front i Pathfinder Panel. Til slutt velger du alle og i Pathfinder Panel velge Unite alternativet for å slå sammen de stedene.


Trinn 66

Color som objekt og gjelder Drop Shadow effekt.

Trinn 67

Tegn tre sirkler i midten av tannhjulet og sett over hverandre. Bruk ulike graderinger for hvert objekt, men for den siste bør du søke Drop Shadow effekt.


Trinn 68

Opprett en annen tannhjulet på Måten vi har forklart i de foregående trinnene, og sette verdier som vist på bildene nedenfor. Påfør masken til objektene og sette dem inn på telefonen kroppen.


Konklusjon

Hvis du har gjennomført del 1 av denne opplæringen, du ' re nå klar til å legge de endelige detaljene til telefonen (tekst, symboler etc.) for å avslutte tegningen. Hvis du ikke har fullført del 1, men du bør ha en samling av noen ganske gode jakt ikoner. Jeg håper du likte denne opplæringen, og lykke til!