Tegn en glødende, vektor lommeur - foran og bak

I denne opplæringen lærer du hvordan du tegner fronten og baksiden av en lommeur fra bunnen av. Denne opplæringen er detaljert, og på slutten vet du hvordan du tegner alle slags former, som tannhjul og små skruer. Du lærer å lage scatterbørstene som brukes til designene på klokken, og hvordan du kan bruke noen av de eksisterende mønstrene og gradienter i Illustrators bibliotek til din fordel.

Del 1 - Tegn på forsiden av lommeur

Trinn 1

Åpne et nytt webdokument. Ta Ellipseverktøyet og tegne en oval form, og gå deretter til Objekt> Sti> Offset Path. Lag tre ovaler som under, alle med en 0,5 pt Stroke.

Tegn to flere ovaler, velg dem begge, så gå til Pathfinder-panelet og klikk Trekk fra formen for å få det tomme området på lokket der glasset skal være. Nå tar du pennverktøyet og tegner formen under for bunnen av klokken, eller tegner en stor sirkel og bare slett øvre punkt, og send deretter denne formen tilbake.

Steg 2

Bruk gullgradienter for hver av figurene ved bare å endre vinkelen for å få mer refleksjoner. Du kan bruke gullgradienter fra Swatches-biblioteket eller lage din egen ved å erstatte en av fargene fra den med en annen gul tone som den i neste bilde.

Gå nå til Objekt> Utvide og utvide 0,5 pt Stroke (nevnt ovenfor) for hver av ovalerne. Deretter fyller du dem med en gullgradient også. Formen som er tegnet som skjermen, er fylt med en radial gradient fra denne fargen R = 248, G = 247 og B = 244) til R = 240, G = 228 og B = 203.

Trinn 3

Velg den større ovale som brukes til å lage lokket, og gå deretter til Objekt> Sti> Offset-vei og gjør det ovale som du ser nedenfor et sted i midten. Hvis du ikke har kopier av de ovennevnte ovaler som brukes ovenfor, velger du lokket, Kopier og Lim inn foran, gå til Objekt> Sammensatt sti> Slett og slett bare fyllet for å få stiene. Husk, vi trenger disse ovaler senere.

Kopier og lim inn foran lokkformen, velg både det kopierte dekselet og det ovale du nettopp har laget (det skal være øverst) og gå til Pathfinder Panel> Trekk fra formområde> Utvid for å få den andre formen nedenfor. Bytt fyllingen til en annen gullgradient og send den bak den originale lokkformen.

Trinn 4

Tegn figurene fra neste bilde. For den minste ovalen kan du bruke igjen Offset Path og velg deretter begge ovaler og gå til Pathfinder / Subtract fra formområde / Utvid. Fyll alle figurene med gullgradienter, og kopier og lim inn i ringformen, flytt den litt ned og til venstre, endre deretter de gule tonene fra gradienten med en lysebrun for å få litt dybde.

Trinn 5

Tegn en ekstra oval, bruk deretter Offset Path for å få resten av dem til å bruke verdier som: -1 px og -2 px. Gjenta de samme trinnene, og velg alltid den siste formen for å gjøre den neste. For hver enkelt dra (ved hjelp av Direct Selection Tool) øvre og nedre punktene for å passe den første ovale som vist. Endre også vinkelen for gradienter når du går for å oppnå forskjellige refleksjoner. Når du er ferdig, og du ikke kan lage flere former, gruppere dem og plasser dem bak ringen.

Deretter roterer du gruppen av figurer og legger dem bak klokken som vist.

Trinn 6

Jeg laget noen personlige bokstaver for å indikere timene. Velg en skrift som du liker og bruk Typeverktøyet, skriv deretter "I" -brevet og utvide det.

Tegn nå et lite firkant, gå til Effect> Stylize> Round Corners, velg deretter begge og klikk Horizontal Align Center og Vertical Align Center fra Justeringspanelet. Klikk nå Legg til i formområde og Utvid fra Pathfinder-panelet.

Nå skal vi lage en annen hvit firkant og bruke Round Corners. Velg figurene, juster dem på nytt og klikk på Subtraher From Shape Area, og Utvid for å opprette det tomme rommet der i midten. Skriv nå resten av timene som vist.

Trinn 7

Velg skjermen oval ferdig i begynnelsen, kopier og lim inn den, slett fyllingen og bare gi den en 0,5 pt Stroke. Gå deretter til Objekt> Path> Offset Path, og sett Offset-verdien til -1px eller -2px avhengig av din oval størrelse for å oppnå den første større ovalen som du ser nedenfor. For å gjøre det minste innvendig, sett inn offset-verdien til -3px, noe som vil gi oss størrelsen på divisjonene senere.

Deretter tar du linjesegmentverktøyet, velg et 0,5 pt slag og tegner en linje for å følge klokken 12, min er den røde linjen i bildet. Velg linjen, gå til Objekt> Transformere> Forvandle hver og roter 6 grader, trykk så på Command + D for å gjenta til du dekker hele ovalen.

Velg nå den øvre ovalen og alle linjene (sørg for at ovalen er øverst på linjene, hvis ikke, gå til Objekt> Ordne> Ta fram), og gå til Objekt> Klippemask> Lag deretter objekt> Utvid. Klikk nå Divide fra Pathfinder Panel og Ungroup for å få den tredje formen i bildet nedenfor. Men vi vil ende opp med noen ekstra tomme former (se den røde valgte) som alle må slettes før vi fortsetter. Deretter sørg for at den mindre ovale laget tidligere ligger øverst på linjene, velg begge og klikk på Ekskluder overlappende formområder og utvide fra Pathfinder-panelet, deretter del og oppgruppering igjen.

Nå begynner å slette alle de ekstra formene (se den blå valgte) og du vil ende opp med bare de divisjonene du trenger. Gi også et 1 pt slag til divisjonene som svarer til timene for å gjøre dem mer opplagte, og la minuttene bare være en svart fylling.

Trinn 8

For å tegne timehendene, bruk rektangulærverktøyet og tegne et langt rektangel som nedenfor. Bruk deretter polygonverktøyet til å tegne en trekant, vri det vertikalt og bruk direktevalgverktøyet til å trekke nedre punktet nedover. Deretter tegner du tipset på timehendene og legger dem alle som du ser nedenfor. Jeg personliggjorde dem også for å få dem til å se ut som timene, så følg trinn 6 og gjør det samme.

Trinn 9

Legg nå divisjonene på toppen av skjermen, velg bare de som er på toppen av lokket, grupper dem og send dem bak det. Roter nå og plasser timene og håndtimene under en liten sirkel midt på skjermen. På dette trinnet ser klokken min ut som følgende bilde.

Trinn 10

Bruk den originale større ovalen fra lokket igjen og gjør de tre ene underfra ved å bruke Offset Path, og gjør det samme med den mindre. Lagre noen eksemplarer av disse ovaler fordi vi trenger dem igjen senere.

Utvid dem alle og fyll dem med en gullgradient og sett deretter Blending-modusen til Hard Light bare for de tre mindre. Fargene jeg brukte for gradienten er: (R = 195, G = 146 og B = 46), (R = 255, G = 251 og B = 204), (R = 193, G = 144 og B = 46), (R = 236, G = 212 og B = 134) og (R = 255, G = 249 og B = 202). Kopier lokkformen og Lim inn foran, velg både det lakkede lokk og alle ovaler som er laget, og gå til Objekt> Klipsmaske> Lag.

Trinn 11

Velg nå den minste ovalen fra lokket og den mindre ovale fra de som jeg nevnte å lagre over (se bildet), og kopier og lim dem begge foran. Klikk nå Ekskluder overlappende formområder og Utvid fra Pathfinder-panelet. Gå til Swatches Library> Mønster> Dekorativ> Decorative_Geometric 1 og velg Diamond Spirals Color for å fylle formen, sett modusen til Soft Light og senk Opacity til 60%.

Trinn 12

Ta spiralverktøyet og trek en spiral, og ta det med penselet fra bildet nedenfor som finnes i børstebibliotekene. Kopier og lim inn en gang til, vri den vertikalt, og legg den som vist. Tegn nå de andre figurene ved hjelp av pennverktøyet. Grupper dem alle sammen, og dra dem inn i penselpanelet, og velg New Scatter Brush. Tegn en liten svart sirkel og dra den inn i børstepanelet også fordi vi trenger det senere.

Trinn 13

Tegn en oval og legg den som under, og slakk den med Scatterbørsten vi nettopp har laget, og sett verdiene som i bildet. Gå deretter til Objekt> Utvid, fyll gruppen av former med en gullgradient, sett modusen til Multiply og reduser Opacity til 30%.

Gjør det samme, men bruk den lille, sorte sirkel Scatter Brush fra trinn 12. Lommeklokken ser slik ut nå:

Trinn 14

For å lage glasset på lokket Kopier og lim inn foran, den mindre ovale som brukes til å lage lokket i begynnelsen, fyll det med en lineær gradient fra grå til hvit, og reduser Opacity til 40%.

Trinn 15

For å legge til mer glød, bruk pennverktøyet til å tegne formen fra neste bilde, fyll den med en lineær gradient fra en lysegul til hvit, legg til en 1,4 px Gaussian Blur, sett modusen til Skjerm og senk Opacity til 60%.

Trinn 16

Kopier og lim inn foran det ovale laget i begynnelsen av opplæringen, fyll det med det samme mønsteret som tidligere ble brukt, som er Diamond Spirals Color, og sett blandingsmodus til mykt lys.

Trinn 17

Kopier og lim inn foran skjermbildet og divisjonene, og bruk deretter Skalverktøyet for å gjøre dem mindre som nedenfor. Kopier og lim inn en av timehendene, gjør den mindre og legg deretter 60, 15, 30 og 45 som sekunder i stedet for timene. Kopier og lim også inn Tilbake de to første timene, flytt dem litt ned, gi dem en 1 pk Gaussian Blur og reduser Opacity til 20%.

Vi er ferdige med første del av opplæringen. Her er hvordan forsiden av lommeur bør se ut på dette punktet:

Del 2 - Tegn på baksiden av lommeur

Trinn 18

For å lage baksiden av klokken, tegne ovaler akkurat som for forsiden, og fyll dem med samme gullgradient, gjør også det samme med 0,5 pt Stroke som i begynnelsen. Kopier og lim inn ringgruppen og legg den bak ovaler som vist. Her er oversikten over hva du vil tegne til slutten.

Trinn 19

Ta pennverktøyet og tegne den røde figuren som du ser på bildet nedenfor. Ikke bekymre deg for kantene fordi du vil lage en utklippsmaske senere ved hjelp av sirkelen for å passe inne i klokken.

Deretter tegner du den grønne formen, deretter Kopier og lim inn foran (vi trenger den originale figuren igjen senere). Velg både den grønne formen og sirkelen, og klikk deretter Trekk fra formområde og Utvid for å få den andre grønne formen nedenfor.

Tegn de sorte sirkler, velg dem begge (pass på at den lille sirkelen er øverst på den andre) og klikk på Subtraher From Shape Area og Expand for å lage den valgte formen i bildet. Også, alltid lagre kopier av hver form og sirkel du gjør fordi du trenger dem igjen senere for å lage andre former.

Nå tegne figuren vist, og bruk samme sirkel ovenfra, klikk på Subtraher From Shape Area og Expand for å lage den valgte formen under.

Trinn 20

Fyll hver av figurene med gullgradienter, bare endre vinkelen for noen av dem ikke å se det samme. Også nå er det på tide å lage masken som jeg snakket om tidligere. Kopier og lim inn foran sirkelen på klokken laget i begynnelsen, det samme som brukt ovenfor. Velg den og formen som krysser over den og gå til Objekt> Clipping Mask> Make.

Trinn 21

Ta Ellipseverktøyet og tegne sirkler under, og bruk deretter Offset Path for å gjøre de små innvendig. For å lage den valgte formen fra bildet, velg begge figurene jeg plasserte til høyre for å se dem, og klikk på Skjærer skjematiske områder og Utvid fra Pathfinder-panelet. Deretter tegner du de andre figurene ved å bruke Ellipseverktøyet og det runde rektangelverktøyet, velg dem begge, og klikk deretter Legg til i formområde og utvide.

Trinn 22

Gradienten jeg pleide å fylle figurene er, er Steel fra Swatches Library, satt til Multiply, men du kan bruke hvilken som helst metallgradient som du foretrekker. Også de små på toppen er fylt med en metallgradient, men satt til Normal.

Trinn 23

Ta Ellipseverktøyet og tegne en sirkel, og gå deretter til Objekt> Sti> Offset-vei for å lage den minste innsiden (lagre en kopi av den mindre siden du trenger det senere). Velg dem begge og klikk på Subtrahere From Shape Area og Expand for å få den første formen nedenfor. Bruk nå det runde rektangelverktøyet til å tegne et rektangel og legg det som vist (den øvre delen fra den valgte gruppen), og kopier og lim inn foran en gang til og flytt den ned.

Grupper de to rektanglene, gå til Objekt> Transform> Transform hver og velg roter -20 grader, og trykk deretter på Command + D til sirkelen er dekket rundt. Opphev alle rektangler, velg dem alle (uten sirkelen) og gå igjen til Objekt> Transformere> Forvandle hver og velg roter -20 grader (se den tredje formen nedenfor).

Velg nå alle figurene igjen, inkludert sirkelen, og klikk på Legg til til formområde og utvide. Deretter plasserer du den lille sirkelen som jeg nevnte for å lagre tidligere som du ser nedenfor (den røde), velg begge og klikk på Subtraher From Shape Area og Expand. Dette er den første typen små tannhjul som vi vil bruke til klokken.

Trinn 24

Ta pennverktøyet og tegne formen under eller for å gjøre det symmetrisk ved å bare tegne halvparten av det, reflektere det og deretter bli med på punktene. Tegn nå en sirkel, og gjør deretter det samme som i trinn 23 ovenfor, og legg to av figurene som nedenfor.

Grupper dem og gå til Objekt> Transformere> Forvandle hver og velg roter 6 grader, trykk så bare på Command + D til du dekker sirkelen rundt. Når du er ferdig, velg alle figurene og sirkelen, klikk deretter Legg til i formområde og utvide, fyll deretter med en gullgradient.

Trinn 25

For å tegne neste type tannhjul, bruk formen ovenfor og tegne en mindre sirkel inne i den, velg deretter begge og klikk på Ekskluder overlappende formområder og utvide.

Trinn 26

Kopier formen som er laget over igjen og fyll den med en metallgradient, den jeg brukte er rustfritt stål fra Swatches-biblioteket. Kopier og lim inn på forsiden igjen og endre vinkelen på graden til 90 grader, og sett deretter modusen til Lysere. Gruppere de to figurene.

Trinn 27

Skala alle de små tannhjulene om nødvendig, og legg dem som vist.

Trinn 28

Husk de to sirkler fra Trinn 19 som jeg sa at du trenger igjen? Velg dem begge, og klikk på Subtract From Shape Area og Utvid (sørg for at den minste sirkelen er øverst) for å få den røde formen under.

Nå tegne en sirkel, gi den en 1,2 pt Stroke og Utvid den, velg deretter begge figurene og klikk på Intersect Shape Areas og Expand. Fyll formen med en gullgradient og legg den som du ser i den andre raden. For den større gullsirkelen rundt de andre figurene, tegne en sirkel, gi den en 1,3 Stroke, Utvid den og fyll den deretter med samme gradient.

Deretter skal du ta det runde rektangelverktøyet, tegne små rektangler og plassere dem som under bak sirkelen. Jeg ønsket å legge til mer tekstur, så for å ta Ellipseverktøyet og tegne en liten sirkel, gå til Swatches Library> Mønstre> Grunnleggende grafikk> Grunnleggende Graphics_Textures, finn USGS 8 Avløpsavfall og fyll sirkelen.

Kopier og lim inn foran sirkelen, og velg fra rotasjonspanelet 90 grader for å få firkantmønsteret. Grupper de to sirkler og senk Opacity for gruppen til 20%.

Plasser alle former som er laget ovenfor som vist. Neste kopi og lim inn Tilbake en av kretsene med mønsteret fra oven og endre fyllingen til en radial gradient som går fra hvitt til gult.

Trinn 29

Å tegne de neste fire figurene følger bare bildet. Tegn figurene du ser, og klikk på Legg til for å skape område og utvide for å lage dem. For å fylle dem, gå til Swatches Library> Gradients> Metals og finn hvitt gull.

Trinn 30

Legg nå figurene som vises nedenfor, og lag en annen kappemaske ved hjelp av den indre sirkelen av klokken som du gjorde før, for å skjule kantene som passerer den. For å legge til noen skygger Kopier og lim inn Tilbake til hver av figurene, flytt dem litt til venstre, fyll med svart, legg til en 1,2 px Gaussian Blur og senk Opacity til 35%.

Trinn 31

For å tegne de små skruene ta Ellipseverktøyet og tegne noen sirkler, og bruk deretter Offset-banen til å gjøre de små innvendig og med rektangulærverktøyet trekke rektangelet ovenpå dem. For den siste typen skruer bruker tre sirkler, fyll den andre med den radiale gradienten ved hjelp av røde toner som vist, og fyll den tredje med en radial gradient ved hjelp av hvite og lys gråtoner. Grupper alle former for hver skrue, og lag flere kopier, også forskjellige størrelser (se bilder fra trinn 33).

Trinn 32

Bruk det runde rektangelverktøyet til å tegne rektangelet under, deretter ta direkte valgverktøyet og flytte punktene som vist. Fyll med en gullgradient, lag flere kopier og plasser dem bak noen av de små tannhjulene.

Trinn 33

Frem til dette punktet ser baksiden av lommeur slik ut:

Trinn 34

For mer dybde kan du legge til flere skygger bak noen av figurene. Velg en av figurene under, Kopier og lim inn på baksiden, flytt det litt til venstre eller høyre avhengig av posisjonen til formen du valgte, og fyll den med svart, legg til litt uskarphet og reduser Opacity.

Gjør det samme med alle former som er valgt i bildet. Gaussian Blur-verdiene er mellom 1px -1,8 px og opaciteten mellom 25-45% avhengig av hver form. Legg også skygger bak hvert av de små tannhjulene på samme måte for mer dybde.

Arbeidet er nesten ferdig. Bagsiden av lommeur er ferdig og ser slik ut:

Trinn 35

For å legge til mer glød, kopier og lim inn tilbake noen deler av klokken. Fra forsiden: lokket, ringen, bunnen og den større sirkelen av kroppen (grupp dem alle). Fra baksiden velger du ringen og den større sirkelen og grupperer dem. Flytt deretter alle disse valgte figurene til et nytt lag.

Kopier og lim inn Tilbake alle disse figurene på nytt, skift fyllfarge til svart, flytt dem litt ned, så lås lokket vertikalt og flatt det. Velg hele laget ved å klikke på sirkelen ved siden av navnet og gå til Effect> Blur og bruk en 3 px Gaussian Blur, og deretter redusere Opacity til 50% for hele laget (se "Skygger" -laget i følgende bilde).

Det endelige bildet

Arbeidet er ferdig! Her er det endelige bildet av lommeur. Håper du fant denne opplæringen nyttig, og at du lærte noen nye teknikker.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.