Lag en Handy 3D Vector Calendar Icon

Make en Handy 3D Vector Calendar Ikon

Lær å lage en hendig kalender-ikonet for å bruke på din blogg, nettside, eller skrive ut prosjekter. Vi vil bruke Illustratører Sti og 3D-verktøy for å lage denne designen. Dessuten vil en enkel sidekrølling virkning påvises også. La oss hoppe inn i denne opplæringen.



Final Bilde Forhåndsvisning

Her er det endelige utseendet vi skal oppnå. For å fullføre denne opplæringen bør du ha en grunnleggende forståelse av Illustratører verktøy.

Trinn 1

Start med å tegne en firkant med rektangelverktøyet (M).

Trinn 2

Roter plassen ved å gå til Effect > 3D > Rotere. Du trenger ikke å oppgi disse eksakte verdier, men sørg for å gjøre oppmerksom på de verdiene du angir fordi du trenger å referere til dem igjen når vi legge til tekst. Når du klikker OK, utvid din form ved å gå til Objekt > Utvid Utseende

Trinn 3

For å simulere dybden på kalenderen vi bruker Illustrator 3D Extrude &.; Bevel Alternativer. Gå til Effect > 3D > Extrude & Bevel. Tast 1 grad for X-aksen rotasjon (første boksen). I Extrude Dybde boksen angi et høyt tall, som vist nedenfor. Jo større X-aksen antall mindre verdien for Extrude Dybde vil bli.

Jeg foretrekker denne metoden fordi det forvrenger ansiktet av kalenderen mye mindre enn å legge inn en stor X aksenummer og lite Extrude Dybde nummer. Klikk på OK og gå til Objekt > Utvid Utseende. Sist, gå til Objekt > Løs opp gruppe. Legg merke til, du kan ha til å dele opp objektet flere ganger i rekkefølge for hver form til å være individuelt behandlet.

Trinn 4

Gjenta trinn 3 for å gjøre basen av kalenderen. Forstørre form, slik at det er litt bredere enn toppen. Husk å utvide og dele opp formen slik at du kan farge hver side av objektet senere.

Trinn 5

Lag en liten ramme rundt hver av kantene av den øverste delen av kalenderen ved kommer til å Objekt > Sti > Offset Path. Skriv inn verdiene som vises nedenfor. Dette lille grensen vil tillate oss å gi kanten av hver side kalender side en liten bit av høydepunkt eller alternativ gradient, som er en liten detalj, men legger til den generelle kvaliteten på stykket.

Trinn 6

Gi de indre formene du nettopp laget en liten stigning. Observere hvordan venstre side av kalenderen har en litt lysere gradient enn retten.

Bruke Pen Tool (P), trekke linjer innenfor de indre formene du nettopp laget for å simulere kanten av noen av kalendersidene . Det er ingen matematikk involvert med dette trinnet. Bare bruk øyet og at det ser bra. Legg merke til hvordan linjene smalne ned til et punkt.

Trinn 7

Når du har alle linjene tegnes, bruker Fordel paletten for å gjøre plass mellom hver av linjene perfekt. Anmeldelser
Trinn 8

I tillegg kan du velge alle linjene på en gang og gi dem en gradient for å hjelpe dem gli inn figurer bak dem litt mer.

Gi bunnen av kalender litt farge og pass på å bruke en litt lysere farge på venstre side og en mørkere farge på høyre side.

Ved hjelp av den samme linjen formen du trakk å skape kanten av sidene, legge den som høydepunkter under for å gi inntrykk av en skygge og et høydepunkt.

Trinn 9

Velg en skrifttype som du liker (jeg har brukt Din) og skriv inn ordene du vil vises på forsiden av kalenderen. Rotere den type som passer til vinkelen av overflaten av kalenderen ved å gå til Effect > 3D > Rotere. Skriv inn de verdiene som du brukte i trinn 2, og klikk deretter på OK.

Trinn 10

Legg typen til forsiden av kalenderen og endre fargen til hvit.

Trinn 11

Tegn et rektangel over ansiktet av kalenderen som matcher den blå rektangelet vist nedenfor. Gi den en svak stigning.

Trinn 12

Gjør nummeret på forsiden av kalenderen ved å bruke samme teknikken vi gjorde for navne VECTORTUTS. Gi nummer en tynn hvit ramme.

Trinn 13

Oppnå en krøllet siden se ved å tegne en flytende form som ligner på det nedenfor. Jevnere form den mer realistiske siden curl vil se.

Step 14

For å sikre curl er så troverdig som mulig, må vi endre den delen av papiret det er direkte til venstre for curl. Start ved å velge ansiktet av kalenderen og siden curl. I Pathfinder Palette, klikk Divide. Nå gå til Objekt > Løs opp gruppe. Legg merke til, du må kanskje justere ordningen med figurer etter bruk av Divide filter, som noen former kan nå bli dekket opp.

Trinn 15

Velg begge halvdeler av siden curl og bruk Legg til Shape-området alternativ i Pathfinder Palette. Klikk Utvid i Pathfinder Palette. Nå er begge halvdelene av side curl kombinert igjen og møte med kalenderen er delt inn i to deler (en til venstre på siden curl og en til høyre.)

Trinn 16
< p> Bruke Direct Selection Tool (A) klikk på punktet vist nedenfor, og flytte den litt til høyre og oppover.

Trinn 17

Eliminer den rette kanten av siden ved å tegne en buet forme over det og bruke Pathfinder Palette å trimme kunstverk. Trim formen ved å velge både figurer og bruke trekke fra Shape området alternativ, fremhevet under. Deretter fullføre dette opp ved å klikke Utvid.

Trinn 18

Duplicate siden curl og flytte den litt for å oppnå en ekstra side curl.

Step 19

Gi den høyre kanten av kalenderen en gradient som skaper en illusjon av det å være i skyggen.

Trinn 20

Gi side krøller gradienter. Sørg for å gi siden curl på venstre en noe mørkere gradient siden den har et objekt som er svært nær den. Tilsett litt mer interesse til kanten av arket krøller ved motregning sine baner som vi gjorde i trinn 5 ved å gå til Objekt > Sti > Offset Path.

Trinn 21

Du kan nå gi den nye figuren en subtil endring i sin gradient, noe som bidrar til å markere kanten av papiret.

Step 22

Enkelt opprette en skygge ved hjelp av figuren fra toppen overflaten av kalenderen og kvadrering av bunnen hjørne av det. Gå til Effect > Blur > Gaussian Blur, og angi en verdi som gir en myk nok blur å antyde en skygge.

Final Bilde

Plasser skygge bak kalenderen og gi den øverste overflaten av kalenderen en subtil gradient og din hendig kalender-ikonet er komplett!

Dette ikonet er allsidig og kan brukes til en rekke applikasjoner. Vær kreativ, kan du endre ansiktet av kalenderen for å dekke mange behov.

Abonner på VECTORTUTS RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.



Previous:
Next Page: