Create en sømløs mønster av Flat resepsjon Ikoner i Adobe Illustrator
Hva du skal lage
Se rundt deg. Der alt det der på skrivebordet. La oss lage et mønster av det! I denne opplæringen vil du lage ulike skrivebord og kontor ikoner og samle dem i en rask og enkel sømløs mønster ved hjelp av mønster alternativer panel. Ved hjelp av en kombinasjon av grunnleggende former (sirkler, rektangler og trekanter), vil du opprette objekter ofte innenfor en digital artist arbeid plass, klar til bruk som et mønster, illustrasjon, eller infografikk.
1. Tegning Monitor
Trinn 1
Åpne Adobe Illustrator CC 2014 (teknikker og design kan bli opprettet i tidligere versjoner av programmet, men live Corners og mønsteret alternativer panelet ble innført i versjoner CC og CS6 henholdsvis) og opprette et nytt dokument.
Bruke rektangelverktøyet (M), tegne en horisontal rektangel. Med Direct Selection Tool (A), velger du rektangel og trekke Live Corners innover, avrunding ut hjørnene av rektangelet. Sett fyllfarge til grå (#bcbdac).
Trinn 2
La oss snu dette avrundet rektangel til en dataskjerm.
- Velg begge rektangler og traff Minus Front i Pathfinder-panelet. Sett overlapp rektangelet fyllfarge til mørk lilla (# 3b2d38). Kontroller at de to formene er justert til øvre kant av hverandre.
- Tegn en mindre avrundet rektangel for skjermen på skjermen. Sett fyllfarge til lys blå (# 8ee2e4).
For skjermens stand, tegne en liten vertikal rektangel og legg den bak de andre figurene i Lag-panelet. Deretter tegne en smal horisontal rektangel helt nederst (se nedenfor).
Trinn 3
Nå la oss legge til noen detaljer til skjermen design.
- < li> For gjenskinn på skjermen, tegne en stor buet form som overlapper skjermen med Pen Tool (P).
- Sett fyllfarge for den overlappende gjenskinn form for lys blå (# 8ee2e4). I Transparency panel, sett Blend Mode av denne formen til skjerm
Legg merke til bunnen av skjermen utforming. Jeg trakk tre små rektangler i forskjellige toner av grått for å tjene som knapper. Jeg trakk også et tynt rektangel for å vise avstanden mellom monitor skjerm og sin stand i mørk varm grå (# 87707a).
Trinn 4
La oss legge til noen bluss til skjermen design.
- Igjen, bruker Anchor Point Tool til å konvertere nederste festepunktet til en kurve. Manipulere anker punkt er håndtak slik at bunnen av hjertet kurver mykt
. Plasser hjertet på den nederste delen av skjermen. Tegn fargerike firkanter med rektangelverktøyet på høyre side av skjermen for å lage små lapper.
Group (Ctrl-G) alle dine monitor komponentene sammen og satt design til side mens vi beveger oss sende til de andre elementene i mønsteret.
2. Tegne en Graphic Tablet
Trinn 1
Tabletten begynner ganske enkelt med en mørk, varm grå rektangel overlapp en avrundet mørk lilla rektangel. Flytt den grå rektangelet til høyre, litt, så det er mer plass på venstre side av design.
Tegn to smale grå rektangler som har samme bredde som den store mørke lilla rektangel. Legg dem på toppen og bunnen av grå rektangelet (se nedenfor).
Opprett en buet form for gjenskinn på tavle overflate med Pen Tool og Shape Builder Tool som ble gjort med skjermen tidligere. Sett buede formen Blend Mode til Screen i Gjennomsiktighet-panelet.
Trinn 2
For knappene på venstre side av tabletten, tegne fire avrundede rektangler i grått, en sirkel i grått, og en mindre sirkel i mørk lilla. Juster alle seks stedene til sine sentre og plassere dem på venstre side av tabletten design.
Trinn 3
USB ledningen del av utformingen er igjen det meste består av rektangler.
- casing av USB er et rektangel som har blitt rotert litt.
Nok en gang, denne delen av USB er en annen rotert rektangel. Denne gangen, skjønt, fyllfarge ble satt til grått (#bcbdac).
- Til slutt, de små hullene i USB er to mørke lilla rektangler.
Trinn 4
Sett USB-komponentene sammen på høyre side av grafisk tablett design. Gruppe sammen alle de grafiske nettbrett komponenter, og la oss gå videre til tilbehør.
3. Tegne en Stylus og stå
Trinn 1
Pennen starter med en lang, smal rektangel i mørk lilla. Bruk Direct Selection Tool til å flytte lengst til høyre ankerpunktene innover, som om du kniper på høyre side av rektangelet (ikke bokstavelig klemming, men gir det som ser). Avrunder lengst til høyre hjørnene i Transformering-panelet.
Trinn 2
For tuppen av pennen, tegne et rektangel (samme høyde som pennen er rektangulær base) i varm grå. Enten bruke Pen Tool eller Polygon Tool til å tegne en trekant av samme høyde.
Unite rektangel og trekant i Pathfinder-panelet. Legg en liten overlapp rektangel på venstre side av den nylig forent objekt.
Velg begge former og traff Minus Front i Pathfinder-panelet.
Trinn 3
resten av pennen komponentene finnes diverse rektangler.
- Tegn en lang, smal avrundet rektangel for omrisset av Stylus knapper.
Tegn en mindre mørk lilla avrundet rektangel for pennen knappene selv.
Velg en lys farge, som blågrønn (# 009989), og tegne en smal, vertikal rektangel for den fargerike delen av pennen tips .
Tegn en annen, enda mindre, smal rektangel i mørk lilla. Bruk Shape Builder Tool, slik det ble gjort før, for å sørge for at den nye formen passer konturene av pennen tips perfekt.
- Til slutt, tegne en liten, avrundet rektangel for pennen er spiss.
Se nedenfor for hvordan komponentene passer sammen. Hvis du bruker en grafisk tablett, kan du prøve å gjenskape din egen pennen ved hjelp av grunnleggende former.
Trinn 4
pennen stand er ganske enkel.
- Boken i seg selv er et rektangel som har rett hjørnene er avrundet mer enn den venstre. Du kan gjøre dette i Transformering-panelet ved å sørge for lenkeikonet er slått av og manuelt endre hvert hjørne radius.
- Tegn en lang, tynn rektangel for strikken som holder boken lukket, og legge til tre fargerike torg for små huskelapper som stikker ut fra under bokens omslag. Sett alle komponentene sammen på den måten som vist nedenfor (justere objekt posisjon i Lag-panelet).
Trinn 2
En smarttelefon er et annet sett med rektangler stablet oppå hverandre andre
- Skjermen er en mindre rektangel, denne gangen fylt med off-white (# efe8d5).
for tredje gang i denne opplæringen, har jeg trukket en buet form for å gjenskape gjenskinn på min gadget skjerm. Sett fyllfarge til off-white og Blend Mode til Screen i Gjennomsiktighet-panelet.
- Tegn en tynn horisontal rektangel på bunnen av rektangelet og sett fyllfarge for å varme grå.
Trinn 3
La oss legge noe enkelt til telefonens skjerm:. chat bobler
- Tegn seks sirkler med Ellipse Tool. Sett fyllfarge til off-white (# efe8d5) og deres Blend Mode til Multipliser i Gjennomsiktighet-panelet. Pass på at sirklene er fordelt jevnt og på linje med spiralformer (ved hjelp av Juster-panelet).
- Tegn en stor avrundet rektangel med enten rektangelverktøyet eller avrundet rektangel verktøyet.
- til slutt bruker Pen Tool til å tegne et overlappende trekant nederst til høyre på design. Med Shape Builder Tool, sletter den ikke-kryssende del av trekanten fra avrundet rektangel, slik det ble gjort tidligere med blending form på dataskjermen. Kopier, Lim inn, og rotere figuren. Begge formene 'fylle farger er satt til off-white, og deres Blend Modes er satt til Screen (øverst) og Multiply (nederst).
Trinn 6
Ordne komponenter i hvilken måte du ønsker. På dette punktet, kan du enten ordne en flat ikonet illustrasjon for bruk som skrivebordsbakgrunn eller som skrivebordsikoner på egen hånd, eller fortsette videre fremover for å skape det endelige mønsteret.
6. Putting Pattern Sammen
Trinn 1
Flytt og Roter elementene rundt din artboard. Det er derfor jeg rådet å gruppere hvert element komponentene sammen, så de ville være lett å flytte rundt
Velg alle elementer og traff Gjør mønster i mønster alternativer panel.. Herfra kan du ytterligere ordne og omorganisere brikkene dine. Føl deg fri til å kopiere, lime, fargelegge, eller lage helt nye figurer samtidig i redigeringsmodus.
Når du er fornøyd med designen, traff Ferdig på toppen av dokumentvinduet. Du finner dette nye mønsteret i Fargeprøver-panelet.
Trinn 2
Jeg liker å lag design som dette. Tegn flere små sirkler, hver en annen farge enn design. Ordne dem etter beste evne, slik at de ser ut til å bli spredt om. Deretter slo Gjør mønster i mønster alternativer panel. Juster deres posisjon eller legge til flere sirkler som trengs.
Great Job, Du er ferdig!
Sluttproduktet er to overlappende rektangler med hvert av mønstrene opprettet angitt som fyllfarge. Siden begge var gjennomsiktig, kan du legge til en tredje rektangel under de to andre for en pop farge bak designen. Del din mønster med oss i kommentarfeltet nedenfor. Gå videre og gjenskape ditt eget skrivebord eller favoritt rekvisita du bruker i design.
Trekk live Corners innover til avrunder formen.
Bruk Pen Tool til å tegne en buet hale.
Steng form og Unite avrundet rektangel og halen i Pathfinder-panelet.
Kopier, Lim inn, og skape variasjoner av chat boble på telefonens skjerm. Sørg for at de er plassert under den buede blende form i Lag-panelet. Tegn små rektangler og sirkler på og rundt telefonen kanten for knapper, lys og et kamera. Gruppe sammen alle smarttelefonen utforming komponenter.
5. Tegning andre kontorrekvisita
Trinn 1
Mønsteret trenger noen store gule lapper strødd om. Tegn en firkant med rektangelverktøyet. Bruk Pen Tool til å tegne en trekant i nedre høyre hjørne av plassen. Kopier og lim trekanten og roter den 180 ° med Rotate Tool (R). Alle tre stedene har samme farge, gul (# f0b300), men den øvre trekanten er satt til Overlegg og den nedre trekanten er satt til Multipliser.
Trinn 2
La oss trekke en søt mekanisk blyant for mønsteret. Delene er svært lik pennen trukket tidligere..
En liten avrundet rektangel former grafisk bly
Toppen av blyanten er en varm grå trekanten
< li> en lys gul rektangel danner kroppen av blyant.
Tegn en horisontal grå firkant for blyanten er klippet.
en rosa avrundet rektangel former viskelær
slutt , to små grå rektangler danne bandet forbinder viskelær og klippet til blyanten selv.
sett alle komponentene sammen på den måten som vist nedenfor (justere objekt posisjon i Lag-panelet).
Trinn 3
Hva skrivebord er komplett uten en rosa viskelær? Tegn en lys rosa (# f1679b) rektangel. Bruke Shear Tool, skew rektangelet til din smak. Trekk Live Corners innover slik viskelæret er litt avrundet.
Trinn 4
Et utvalg av highlighters er en enkel prestasjon når brutt ned i fem enkle figurer.
- < li> en avrundet rektangel i grå former merkepenn cap er klippet.
et rektangel med de øverste hjørnene avrundet form selve dekselet.
Overlapping hetten med en ellipse og bruke Shape Builder Tool til slette den ikke-kryssende del av formen.
en stor avrundet rektangel, samme bredde og hjørneradius som cap, danner grunnlaget for merkepenn.
til slutt, en mindre avrundet rektangel , hvis Blend Mode er satt til Multipliser, fungerer som et klistremerke eller etikett på merkepenn design.
sett alle komponentene sammen på den måten som vist nedenfor. Enkelt å endre mellom farger for å skape en hel regnbue av små highlighters.
Trinn 5
Til slutt, er en liten spiral notebook bare et spørsmål om rektangler, sirkler og trekanter.
Tegn en vertikal avrundet rektangel med fyllfargen satt til å varme grå. Kopier og lim rektangelet fem ganger for totalt seks spiralformer.
- Tegn seks sirkler med Ellipse Tool. Sett fyllfarge til off-white (# efe8d5) og deres Blend Mode til Multipliser i Gjennomsiktighet-panelet. Pass på at sirklene er fordelt jevnt og på linje med spiralformer (ved hjelp av Juster-panelet).
. Start med en mørk lilla rektangel. Hvis du har lyst på telefonen med avrundede hjørner, gjøre det. Hvis du heller vil lage en telefon som ligner din egen (eller en du ønsker å eie), tar sikte på å gjenskape at design i stedet.
- Skjermen er en mindre rektangel, denne gangen fylt med off-white (# efe8d5).
Tegn et rektangel og bringe de nederste festepunktene mot midten av formen slik at den danner et trapes.
Bruke Ellipse Tool, trekke to smale ellipser som passer til bredden på toppen og bunnen av trapes.
Kopier og lim toppen ellipse. Sett slag farge for å varme grå. Tegn en liten ellipse i den kopierte en og forene dem i Pathfinder-panelet for å lage den lille bump sett i form under. Bruk Pen Tool til å tegne en litt buet slag nær bunnen av pennen stativet.
4. Tegne en Notebook og Smartphone
Trinn 1
En av mine mest nyttige verktøy er min bærbare fylt med oppgavelister og opplæringen skisserer og notater. Gjenskape det er en ganske enkel oppgave.
For bokmerket hale, tegne en liten vertikal rektangel. Bruk Legg Anchor Point Tool (+) for å legge til et forankringspunkt til nedre kant av rektangelet. Med Direct Selection Tool, trekke ankerpunktet oppover til du får delt kanten du ønsker. Sett fyllfarge til mørk blågrønn (# 11766d).
- Boken i seg selv er et rektangel som har rett hjørnene er avrundet mer enn den venstre. Du kan gjøre dette i Transformering-panelet ved å sørge for lenkeikonet er slått av og manuelt endre hvert hjørne radius.
på venstre har du pennen tips som nettopp ble opprettet.
Pass på spissen og bunnen rektangel linjen opp perfekt.
den høyre ende av pennen har en mørk lilla avrundet rektangel (det ser nesten ut som en liten pille).
overlapp~~POS=TRUNC den høyre halvdelen av rektangelet er en varm grå form. Lag det ved å legge en grå firkant overlapp lengst til høyre tredjedel av basen rektangelet. Bruk Shape Builder Tool til å slette den ikke-kryssende delen som du gjorde tidligere med å tegne buede blende formen på dataskjermen.
- Tegn en lang, smal avrundet rektangel for omrisset av Stylus knapper.
Tegn en vertikal avrundet rektangel for pluggen.
forbindelsen fra pluggen til ledningen er en horisontal rektangel som lengst til høyre ankerpunkter ble flyttet innover med Direct Selection Tool og hvis hjørnene var rundet av i Transformering-panelet
jeg trakk ledningen med Paintbrush Tool (B) og sette børsten til første standard pensel i Børster panel. 5 pt. Round.
- casing av USB er et rektangel som har blitt rotert litt.
Bruke Ellipse Tool (L), trekker to identiske sirkler. Gjør dem overlapper litt og traff Unite i Pathfinder-panelet. Bruke Slett Anchor Point Tool (-), slette venstre og høyre nedre ankerpunkt
Med Direct Selection Tool, trekke nederst i midten ankerpunkt nedover.. Bruk Anchor Point Tool (Shift-C) for å konvertere ankerpunktet til en skarp spiss.
- Igjen, bruker Anchor Point Tool til å konvertere nederste festepunktet til en kurve. Manipulere anker punkt er håndtak slik at bunnen av hjertet kurver mykt
Velg den blå avrundet rektangel og den nylig trukket buet form. Med Shape Builder Tool (Shift-M), velger du den ikke-kryssende del av buet form. Velg bort alle former. Slett overflødige delen av buet form.
- Sett fyllfarge for den overlappende gjenskinn form for lys blå (# 8ee2e4). I Transparency panel, sett Blend Mode av denne formen til skjerm
Kopier (Ctrl-C) og lim (Ctrl + V) avrundet rektangel. Tegn et mindre rektangel over den nedre halvdelen av den nylig kopierte rektangel.