Share
Denne opplæringen viser den avanserte Adobe Illustrator-artisten hvordan du lager en multimedieenhet. Denne opplæringen vil gjøre bruk av Illustrators 3D-muligheter lett, men fokuserer mer på tradisjonell tegning. Vi vil også dekke hvordan du skygger og skaper logiske refleksjoner.
Tegn et rektangel ved hjelp av rektangelverktøyet (M.)
Vrid rektangelet ved å gå til Objekt> Konvolutt> Lag med Warp, velg deretter Ark for stilen og skriv inn -42 for ditt vertikale Bend.
For å redigere formen må du utvide den. Gå til Objekt> Utvid.
Gi den venstre kanten av formen en rett kant ved først å tegne et rektangel over bueformen og deretter bruke Pathfinder til å trekke ut figurene. Klikk på alternativene som er vist nedenfor.
Dupliser bueformen og vri den for å lage en identisk venstre halvdel. Velg begge figurene og slå sammen dem ved å velge alternativene som er markert nedenfor. Lag en kopi av denne formen og hold den av til siden for bruk på et senere trinn.
Tegn et rektangel ved hjelp av det avrundede rektangelverktøyet.
Skjær rektangelet ved å gå til Objekt> Transform> Skjær ... Angi -45 for skjærvinkelen og velg Horisontal for aksen.
Dupliser formen tre ganger. Juster og gruppér alle fire former. Med de fire bildene gruppert, velg den store formen i bakgrunnen, og juster deretter alle fem figurene vertikalt og horisontalt, slik at alt er fint og sentrert.
Trekk hjørnene fra formen ved å velge alternativene som er markert nedenfor.
Ta tak i formen du plasserte til siden for senere bruk. Tegn en annen skjærform, dupliser og reflekter den. Sist, trekk det fra den store formen (akkurat som du gjorde i forrige trinn.)
Kopier formen som ser ut som et kryss (den lys gråformen) og lim den bak de to figurene ved å trykke på Command + B. Du vil nå ha tre former ovenpå hverandre. Den lysegrå kryssformen, formen du opprettet i forrige trinn og det grå krysset igjen på baksiden. Pass på at alle tre fasongene er vertikalt og horisontalt justert.
Gi ansiktet til multimedieenheten noen detaljer og knapper ved hjelp av grunnleggende former. Når du har ansiktet på enheten ser bra ut, flytt alle detaljene til siden for nå.
Velg alle tre figurene og gi dem noen 3D-kvaliteter ved å gå til Effect> 3D> Extrude & Command ... Skriv inn variablene som er vist nedenfor.
For å redigere figurene må du utvide dem ved å gå til Objekt> Utvid Utseende.
Nå har du tre forskjellige objekter med 3D-kvaliteter. Du må reposisjonere dine tre figurer for å se hver form. Selvfølgelig trenger du ikke å reposisjonere dem fra hverandre så langt, dette er bare slik at du kan se hva du skal ende med.
Det er en god ide å sette hver av de tre figurene på eget lag. Dette gjør det enkelt å velge bare formen du vil redigere. Still figurene dine så nært som mulig. Når du gjør dette, vil du legge merke til små detaljer som ikke passer perfekt. Dette skyldes at Perspektivet som ble anvendt i Trinn 13, påvirker hvert element separat. I virkeligheten vil den stiplede linjen berøre begge kanter av topp og bunnform. Fiksingen er enkel.
Bruk direkte utvalgsverktøyet (A) til å trekke over alle punktene som jeg har skissert i den stiplede linjen nedenfor. Du må låse de to andre lagene som har mellom- og bunnformene, slik at du ikke velger punkter fra objektet samtidig.
Når du har valgt de valgte punktene, flytter du dem til høyre litt for å stille opp hvor de skal være. Legg også merke til hvordan det røde området jeg har markert nedenfor, skal møtes på slutten av formen også.
Vær oppmerksom på hvordan begge kantene berører den stiplede linjen.
Legg merke til hvordan det røde området også møtes ved kanten av den midterste formen.
Venstre side bør allerede være ganske kvadrert, så du trenger ikke gjøre noen endringer der.
En liten overlapping på venstre kant er ok, dette vil gå uoppdaget når vi legger til forskjellige gradienter i hver form.
Det er viktig at du grupperer objektene dine før du gir dem perspektiv og rotasjon. Gå til Objekt> Gruppe. Dette sikrer at alle detaljene blir behandlet som ett objekt, og 3D-effekten gjelder for dem som helhet, ikke individuelle stykker.
Gi detaljer i ansiktet på enheten samme perspektiv og rotasjon som tidligere brukt. Jeg brukte ikke Ekstruder Dybde, da jeg ønsket å gi knappene mer avrundet, for det meste.
Hvis du vil redigere hvert av objektene på forsiden av enheten, må du utvide det først. Gå til Objekt> Utvid utseende.
Velg den ovale til venstre og gi den en Linear Gradient, Inner Glow, og Drop Shadow. Bruk glød og skyggeeffekter ved å gå til Effekt> Stylize og velg den riktige effekten. Bruk innstillingene nedenfor som en retningslinje for innstillingene dine. Avhengig av dimensjonene på bildene dine, kan tallene dine av annerledes enn det jeg viser nedenfor, dette er OK skjønt. Bare vær sikker på at det ser bra ut til deg.
Bruk lignende effekter til knappene til venstre, samt knappene på bunnen.
Lag LED-lys ved å bruke en bight farge og gi formen en Outter Glow. Bruk en utvendig glød ved å gå til Effekt> Stylize> Outer Glow.
Gi lysdioden et høydepunkt ved å tegne et hvitt rektangel over lyset og sløre det ved å gå til Effekt> Uklarhet> Gaussisk uskarphet.
Kopier og lim inn de to knappene som vises nedenfor for å legge til dybde.
Velg begge knappene samtidig, og gi ansiktet en subtil gradient.
For å farge hver del av den øverste delen av enheten må du først oppheve den ved å gå til Objekt> Ungruppe. Det kan hende du må gjøre dette flere ganger for å sikre at alle deler av objektet er ubøyelig.
For å lage en dramatisk refleksjon trekk først en form ved hjelp av pennverktøyet (P) som kutter over midten av enheten. Du trenger ikke å gi formen en fylling eller et slag. Velg topplaget på enheten og formen du nettopp trakk, og klikk på Divide i Pathfinder. Gå til Objekt> Ungroup, og slett deretter unødvendige former rundt kantene du ikke trenger.
Velg de enkelte figurene og gi dem en gradient som er mørk til venstre og lettere til høyre.
Gi skjermen en lignende gradient som er litt lettere å gi inntrykk av at overflaten har endret seg litt.
Kopier og lim inn teksten nedenfor og gjør den 100% svart for å legge til dybde.
Dupliser formen som er skjermen på enheten. Siden skjermen er kuttet i to halvdeler, vil omrisset som vi trenger å bruke, skape en uønsket linje midt på skjermen. Ved å bruke Pathfinder velger du begge halvdelene av skjermen og slår sammen bildene som vi gjorde i trinn 5. Gi den nylig sammenslåtte formen to konturer, en grå og en svart.
Legg merke til hvordan hver disposisjon er litt forskjellig i størrelse. Dette skaper illusjonen av en skråkant. Du kan gi et objekt to konturer ved å bruke Utseendepaletten. Klikk Flyout Triangle uthevet nedenfor, og velg Legg til nytt slag. Du kan også ombestille hvilket slag som er oppe eller nederst ved å velge det og flytte det over eller under det andre slaget.
Velg kantene på topplaget og gi hver del en gradient. Legg merke til hvordan midten av formen har en lysere farge enn kantene. Dette bidrar til å formidle ideen om lett boucing av en buet overflate.
Legg til flere poeng til Gradient for mer komplekse områder.
Bruk et lite kreativt lisens når du bestemmer hvordan hvert element ser ut. Jeg bestemte meg for å gi denne formen en liten grå oversikt.
Dette er hvordan enheten skal se ut med alle de anvendte gradienter.
Vi legger til en annen ring rundt knappen ved å duplisere ringen og fjerne alle effektene fra den. For å fjerne effektene, bruk Utseendepaletten, velg hvert element og klikk på søppelkanneikonet.
Plasser den ovale over knappen og forstørr den litt. Deretter gir den et grått slag og en lys grå fylling.
Vi lager refleksjoner på toppen og bunnen av det ovale ved å duplisere to ganger to ganger. Deretter må du endre størrelsen på den øverste ovalen for å være litt større og bredere enn den andre. Velg begge ovaler og Del dem ved å velge alternativet som er vist nedenfor. Opphev figurene ved å gå til Objekt> Ungroup. Slett alt, men den øverste delen av figurene. Du kan bruke toppdelen av formen til refleksjoner (se neste trinn.)
Jeg har brukt samme form for både topp- og bunnrefleksjon. Bare endre fargen slik at det ser ut som hvor mye lys som rammer hver side av overflaten, er annerledes.
Oppnå refleksjoner for de andre knappene på samme måte som trinn 43 ...
... og igjen for refleksjonene over knappene til høyre.
Dette er hva bildene dine skal se ut akkurat nå.
Dupliser ansiktet på enheten, bruk Pathfinder til å slå sammen begge halvdelene (siden vi delte det i et tidligere trinn) og uklare det ved å gå til Effekt> Uklarhet> Gaussisk uskarphet. Velg Flere, i din Transparentpalett, som sikrer at dropshadowen vi nettopp har opprettet, ser bra ut når vi legger bakgrunnen bak.
Bruk det runde rektangelverktøyet, tegne et rektangel, og gi det en kul grønn gradient.
Dette trinnet vil legge til mye visuell interesse for enheten. Bruk pennverktøyet (P) til å trekke langs kantene på noen av hjørnene på enheten. Dette gir illusjonen om lys som rammer disse hjørnene og kantene.
Tegn litt på høyre side også.
Og noen på toppen. Pass på at du ikke går over bord selv.
Sist, skaper vi en tåke som omgir noen av høydepunktene for å gi indikasjon på generell lysrefleksjon. Tegn en enkel hvit form som følger kanten på et objekt under det, og bruk deretter en uskarphet ved å gå til Effekt> Uklarhet> Gaussisk uskarphet.
Her er den endelige illustrasjonen! Du har nettopp lært hvordan du lager en slank vektor multimedieenhet.
Accentsconagua