Share
Denne opplæringen handler om å bruke Adobe Illustrators Mesh Tool (U) og flere grunnleggende teknikker for å skape en vektorstil skjerm og mus, med en lignende design som Apples splitter nye iMac 27 "med magisk mus. Du kan bruke disse teknikkene til å skape andre skjermer og mus design også. La oss begynne!
Nedenfor er det endelige bildet vi skal jobbe for. Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.
Dette er en bred opplæring hvor jeg skal lære deg hvordan du bruker maskeverktøyet (U) for å lage fine enkle gradienter slik du vil. Dette verktøyet er en flott for å skape fotorealistiske effekter i vektorformat. Du trenger ikke noe lagerfotografi for denne opplæringen, unntatt den som brukes til å lage skjerminnhold. Denne du trenger er levert fra min samling og er helt gratis for bruk uten begrensning.
Du bør i det minste vite hvordan du skal håndtere Illustrator Pen Tool (P) for å fullføre denne opplæringen. Hvis du ikke er kjent med å bruke den, så stirrer du på denne veiledningen: Illustrators pennverktøy: Den omfattende håndboken.
Vi starter opplæringen vår med å skape nytt tavla. Gi det nye dokumentet "iMac" navnet og sett dimensjonene til 1024pt for bredde og 768pt for høyde. Siden denne designen er ment å brukes til trykte medier, setter vi fargemodus til CMYK og oppløsningen til 300dpi.
Start modellering med skjermen. Den første tingen å lage er siden av iMac-skjermen. Lag en enkel form med det runde rektangelverktøyet (mine dimensjoner er 545pt ved 440pt), farger det til # 807F83, og omform med Direct Selection Tool (A). Vær særlig oppmerksom på hjørnene.
Nå bruker vi Illustrators Mesh Tool (U). Velg verktøyet og opprett ankerpunktet på kantlinjen av formen nær nederste høyre hjørne. Sørg for å opprette punktet på grensen.
Det er tid for praksis og kreativitet. Bare spill med Mesh Tool (U) og prøv å lage noe som ligner på bildet nedenfor. Du kan se mer detaljert bilde av hjørnene i flere trinn, eller for Vector Plus-medlemmer ser du bare inn i AI-kildefilen for denne opplæringen.
Her kan du se et detaljert bilde av mesh hjørnet. Bruk Direct Selection Tool (A) og # D8D9DA, # 807F83 farger for å lage denne buede gradienten. Bare velg en bestemt del av nettverket og bruk farge på det til du får effekten vist nedenfor.
I dette trinnet fortsetter du bare med de samme fargene i øverste høyre hjørne. Den øverste pilen viser delen for den mørkere og den nedre pilen viser delen for lyseren. Dette er alt for sidedelen som vist. I de neste trinnene skal vi lage skjermen.
Opprett en annen avrundet rektangel (537pt ved 441pt) og farg den med # A1A1A4. Hvis nødvendig, ta det frem og juster stillingen til side form, noe som skaper en ekstrudert form illusjon.
Bruk maskeverktøyet (U) med fargene # EFE9E5 og # A1A1A4, for å opprette en gradient, som vist nedenfor.
Dupliser laget fra trinn 8. Klikk på det med valgverktøyet (V) og endre fargen til # 261C02. Deretter lager du to rektangelformer (M) og deformerer dem ved å flytte ankerpunktene sine med direkte utvalgsverktøyet (A). Og nå er vi klare til å trekke dem ned for å lage en svart skjermbilde. Velg nå rektangelet # 1 og gå til Objekt> Sti> Del objekter nedenfor. Gjør det samme med # 2-formen.
Nå skal vi bruke edderkoppfotoet. Bare legg den på tavlen og mål den til de nødvendige dimensjonene, bare for å få øvre høyre hjørne nær rammens øverste høyre hjørne og gjør det samme med nederste venstre hjørne.
I kontrollpanelet klikker du på Mask og korrigerer formen med Direct Selection Tool (A). Det siste med bildet er å sette det bakover med Ordne-menyen (Kontroll> Ordne) for å skjule grensene bak den svarte rammen.
Bruk nå pennverktøyet (P) til å lage "Apple", eller legg til din egen kreative merkevarebygging. Husk at det skal være litt deformert i henhold til perspektivreglene.
Med pennverktøyet (P) oppretter du formen til refleksjonen. Du kan opprette en helt ny form, eller bare duplisere det første laget på skjermen, og redigere det med subtraksjoner og Konverter ankerpunktsverktøy (Shift + C). Påfør deretter en halvtransparent gradient på den. Graden er opprettet med #fff-farge med 0% Opacity, # 000 farge med 100% Opacity og vinkelen er satt til 81,82 grader.
Og den siste tingen å lage for iMac er beinet. Opprett formen under med Pen Tool (P) og bruk # D8D9DA til den.
Opprett et nytt rektangel (mine dimensjoner er 102pt ved 79pt) og bruk Mesh Tool (U) for å lage to vertikale linjer. Pass på at du klikker på kantlinjene ikke i formen.
Fortsett med Mesh Tool (U) og lag en mer vertikal linje og deretter 8 horisontale linjer. Igjen, vær sikker på å klikke på kantlinjene.
Bruk Direct Selection Tool (A), Mesh Tool (U) og Anchor Point Tool (Shift + C) for å forvandle formen til den i bildet nedenfor.
Så vi er nesten ferdige med iMac. Bare bruk Direct Selection Tool (A) for å velge de spesielle områdene av mesh og # 807F83, # C2CDC5, # EFE9E5, # A1A1A4 farger for å skape skyggene og refleksjonene. Vær oppmerksom på områdene angitt med piler under, da de er spesielt viktige.
Og det siste skrittet er å justere posisjonen til figurene på iMacs ben og også å arrangere den bak bak skjermen. Og voilá, vi har en fotorealistisk vektor av Apples iMac.
Jeg forberedte også Magic Mouse til å utøve de ferdighetene du har lært. De neste trinnene som beskriver opprettingsprosessen, er mer korte for å gi deg beskjed om hvor mye du forstår trinnene under opprettelsen av iMac. Hvis du går tapt, kan du rulle tilbake og kontrollere de forrige trinnene igjen, eller bare spille med kilden AI-filen.
Bruk pennverktøyet (P), Direkte utvalgsverktøyet (A), Ankerpunktsverktøyet (Shift + C) og Mesh Tool (U) for å lage grunnmaskeformen for Magic Mouse.
Legg til to former (Pen Tool (P)) for refleksjoner. # 1 er #FFF-farge med 0% Opacity til #bfbfbf-farge med 50% Opacity og vinkel satt til -93,74 grader. # 2 er #FFF farge med 0% Opacity, #DDD farge med 100% Opacity, #bfbfbf farge med 10% Opacity og vinkel satt til 175,71 grader.
Lag en form for sidelinjen til Magic Mouse. Fyll det med en gradient med fargene, vinkelen og posisjonene som vist. Det eneste unntaket er 0% Opacity av #ABABAB-fargen midt i graden.
Det siste bildet viser formen til merkets skygge. Apple er topplaget og er fylt med # a1a1a5 farge. Skyggen som forventet er baklaget fylt med # 162732 farge.
Nå kan du sette iMac og Magic Mouse sammen, og vi er ferdige. Takk for din oppmerksomhet, og jeg håper at denne opplæringen var nyttig for deg.
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.
Accentsconagua